:root {
    /* Backgrounds */
    --bg-dark-rgb:   9, 21, 16;
    --bg-dark:       #091510;
    --bg-mid:        #0d1f12;
    --bg-card:       #112118;
    --bg-input:      #0a1c0f;

    /* Accent palette */
    --accent-rgb:    96, 225, 152;
    --accent:        #60E198;
    --accent-hover:  #36c973;
    --accent-dim:    rgba(96, 225, 152, 0.12);
    --accent-faint:  rgba(96, 225, 152, 0.05);
    --accent-soft:   rgba(96, 225, 152, 0.08);
    --accent-scroll: rgba(96, 225, 152, 0.15);
    --accent-glow:   rgba(96, 225, 152, 0.18);
    --accent-outline:rgba(96, 225, 152, 0.2);
    --accent-0:      rgba(96, 225, 152, 0);

    /* Borders */
    --border:        rgba(96, 225, 152, 0.12);
    --border-hover:  rgba(96, 225, 152, 0.4);

    /* Text */
    --text-primary:  #ffffff;
    --text-secondary:#8BE9B4;
    --text-muted:    #4a7a5e;

    /* Typography */
    --font-reg:      satoshiRegularFont, Arial, Helvetica, sans-serif;
    --font-regular:  var(--font-reg);
    --font-bold:     satoshiBoldFont, Arial, Helvetica, sans-serif;

    /* Shapes */
    --radius-pill:   999px;
    --radius-card:   16px;

    /* Motion */
    --ease:          0.22s cubic-bezier(0.4, 0, 0.2, 1);

    /* Layout */
    --nav-h:         72px;
    --max-w:         1200px;
}