/* ═══════════════════════ DESIGN TOKENS ═══════════════════════ */
:root {
  --font:      'DM Sans', system-ui, sans-serif;
  --font-mono: 'DM Mono', monospace;
  --font-dc:   'Noto Sans', 'Helvetica Neue', sans-serif;
  --ease:      cubic-bezier(.4,0,.2,1);
  --spring:    cubic-bezier(.34,1.56,.64,1);
  --r:         8px;
  --r-sm:      5px;
}

[data-theme="dark"] {
  --bg-app:       #0d1117;
  --bg-main:      #313338;
  --bg-sidebar:   #161b24;
  --bg-elevated:  #1c2333;
  --bg-input:     #111520;
  --bg-hover:     rgba(255,255,255,.045);
  --bg-active:    rgba(88,101,242,.15);
  --border:       rgba(255,255,255,.07);
  --border-focus: #5865f2;
  --text:         #bec8de;
  --text-muted:   #7284a0;
  --text-hi:      #edf1fb;
  --text-label:   #7d8fad;
  --accent:       #5865f2;
  --accent-h:     #4752c4;
  --accent-glow:  rgba(88,101,242,.25);
  --green:        #23c55e;
  --green-bg:     rgba(35,197,94,.1);
  --red:          #f43f5e;
  --red-bg:       rgba(244,63,94,.1);
  --yellow:       #f59e0b;
  --sb-acc:       #10b981;
  --sb-glow:      rgba(16,185,129,.2);
  --sb-bg:        rgba(16,185,129,.07);
  --sb-brd:       rgba(16,185,129,.2);
  --shadow:       0 16px 48px rgba(0,0,0,.55);
  --shadow-sm:    0 4px 14px rgba(0,0,0,.35);
  --shadow-card:  0 1px 3px rgba(0,0,0,.4), 0 4px 18px rgba(0,0,0,.25);
  --dc-bg:        #313338;
  --dc-msg-hover: rgba(4,4,5,.07);
  --dc-embed-bg:  #2b2d31;
  --dc-embed-border: rgba(255,255,255,.05);
  --dc-link:      #00a8fc;
  --dc-code-bg:   rgba(0,0,0,.3);
  --dc-code-border: rgba(255,255,255,.07);
  --dc-text:      #dcddde;
  --dc-hi:        #f2f3f5;
  --dc-muted:     #72767d;
}

[data-theme="light"] {
  --bg-app:       #eef1f7;
  --bg-main:      #ffffff;
  --bg-sidebar:   #ffffff;
  --bg-elevated:  #f4f6fa;
  --bg-input:     #eaecf2;
  --bg-hover:     rgba(0,0,0,.04);
  --bg-active:    rgba(88,101,242,.09);
  --border:       rgba(0,0,0,.08);
  --border-focus: #5865f2;
  --text:         #2c3550;
  --text-muted:   #5b697f;
  --text-hi:      #090d1e;
  --text-label:   #526078;
  --accent:       #4f63e8;
  --accent-h:     #3a4fd4;
  --accent-glow:  rgba(79,99,232,.2);
  --green:        #16a34a;
  --green-bg:     rgba(22,163,74,.08);
  --red:          #e11d48;
  --red-bg:       rgba(225,29,72,.08);
  --yellow:       #d97706;
  --sb-acc:       #059669;
  --sb-glow:      rgba(5,150,105,.18);
  --sb-bg:        rgba(5,150,105,.06);
  --sb-brd:       rgba(5,150,105,.2);
  --shadow:       0 16px 48px rgba(0,0,0,.1);
  --shadow-sm:    0 4px 14px rgba(0,0,0,.07);
  --shadow-card:  0 1px 3px rgba(0,0,0,.07), 0 4px 18px rgba(0,0,0,.06);
  --dc-bg:        #ffffff;
  --dc-msg-hover: rgba(6,6,7,.04);
  --dc-embed-bg:  #f2f3f5;
  --dc-embed-border: rgba(0,0,0,.06);
  --dc-link:      #006ce7;
  --dc-code-bg:   rgba(0,0,0,.05);
  --dc-code-border: rgba(0,0,0,.1);
  --dc-text:      #2e3338;
  --dc-hi:        #060607;
  --dc-muted:     #72767d;
}