:root {

    --bg:         #070b12;
    --screen:     #0a0f18;
    --panel:      #141b28;
    --panel-2:    #172030;
    --panel-3:    #171c29;
    --panel-4:    #101724;
    --aside:      rgba(12,17,27,.7);
    --glass:      rgba(9,11,18,.86);

    --surface:    rgba(255,255,255,.035);
    --surface-2:  rgba(255,255,255,.045);
    --surface-3:  rgba(255,255,255,.055);
    --surface-4:  rgba(255,255,255,.07);

    --line:       rgba(255,255,255,.09);
    --line-2:     rgba(255,255,255,.12);
    --line-3:     rgba(255,255,255,.16);
    --line-soft:  rgba(255,255,255,.07);

    --text:       #f5f7fb;
    --dim:        #a4adbf;
    --muted:      #8e97aa;
    --faint:      #717b90;
    --faint-2:    #5f6a7f;
    --dead:       #3c4457;

    --acc:        #4d8dff;
    --acc-2:      #6ba0ff;
    --acc-grad:   linear-gradient(140deg,#6ba0ff,#3b7cf6 52%,#1f5ce0);
    --acc-soft:   rgba(77,141,255,.2);
    --acc-soft-2: rgba(77,141,255,.26);
    --acc-line:   rgba(124,180,255,.28);
    --acc-line-2: rgba(124,180,255,.4);
    --acc-sh:     0 12px 26px -12px rgba(77,141,255,.9);
    --acc-sh-lg:  0 18px 38px -16px rgba(77,141,255,.9);
    --acc-bg:     #16233d;
    --acc-brd:    #2c4a7a;
    --lilac:      #a9ccff;
    --lilac-2:    #cfe2ff;
    --violet:     #2f6fe8;

    --green:      #36d89a;
    --green-grad: linear-gradient(135deg,#6ff0bb,#36d89a 55%,#22b47f);
    --green-soft: rgba(54,216,154,.1);
    --green-soft-2: rgba(54,216,154,.14);
    --green-line: rgba(54,216,154,.26);
    --mint:       #9df0cd;
    --mint-2:     #7fbfa4;
    --green-ink:  #0d1b14;

    --gold:       #f7c94b;
    --gold-grad:  linear-gradient(135deg,#ffe08a,#f7c94b 52%,#f0a62c);
    --gold-text:  #f8d86e;
    --gold-pale:  #f7df94;
    --gold-warm:  #d8bf7c;
    --gold-soft:  rgba(247,201,75,.09);
    --gold-soft-2:rgba(247,201,75,.13);
    --gold-line:  rgba(247,201,75,.24);
    --gold-ink:   #171307;

    --pink:       #ff6685;
    --cyan:       #5fccff;
    --cyan-2:     #8ad9ee;
    --cyan-line:  rgba(55,215,242,.25);
    --ice:        #35d3e8;
    --orange:     #f07b48;
    --keno:       #6f86ff;

    --r-xl:  26px;
    --r-lg:  24px;
    --r:     22px;
    --r-md:  18px;
    --r-sm:  15px;
    --r-xs:  13px;
    --r-2xs: 11px;

    --side-w:   262px;
    --side-rail: 78px;
    --rail-w:  316px;
    --panel-w: 320px;
    --pad-x:   26px;
    --topbar:  77px;

    --sh-screen: 0 44px 120px rgba(0,0,0,.6);
    --ease: cubic-bezier(.2,.8,.2,1);

    --f-display: 'Unbounded', 'Manrope', system-ui, sans-serif;
    --f-text: 'Manrope', system-ui, -apple-system, sans-serif;
}