/* ── Design Tokens — single source of truth ── */
:root {
    /* Brand */
    --orange:      #FF5F00;
    --orange-hi:   #FF7A2A;
    --orange-dim:  rgba(255,95,0,0.10);
    --orange-glow: rgba(255,95,0,0.20);
    --orange-bdr:  rgba(255,95,0,0.22);

    /* Backgrounds */
    --bg:       #09080A;
    --bg2:      #0D0C0E;
    --surface:  #131114;
    --surface2: #181619;

    /* Semantic */
    --teal:     #00c896;
    --teal-dim: rgba(0,200,150,0.10);
    --red:      #ff4d6d;
    --red-dim:  rgba(255,77,109,0.10);

    /* Text */
    --text:     #E5DDD5;
    --text2:    #9A9088;
    --muted:    #47403A;

    /* Borders */
    --border:    rgba(255,255,255,0.07);
    --border-hi: rgba(255,95,0,0.22);

    /* Fonts */
    --font-h: 'Plus Jakarta Sans', sans-serif;
    --font-b: 'Outfit', sans-serif;
    --font-m: 'JetBrains Mono', monospace;
}

/* ── Light Theme ── */
[data-theme="light"] {
    --bg:       #FAF8F5;
    --bg2:      #F3EFE9;
    --surface:  #FFFFFF;
    --surface2: #F7F4F0;
    --surface3: #EDE9E3;
    --text:     #1a1a1a;
    --text2:    #6B6560;
    --muted:    #B0A99F;
    --border:   rgba(0,0,0,0.08);
    --border-hi: rgba(255,95,0,0.25);
    --border-subtle: rgba(0,0,0,0.04);
}