/* ─── THEME VARIABLES ─────────────────────────────────────────────────────── */

:root[data-theme="dark"] {
  --bg:          #0d0f18;
  --surface:     #161926;
  --surface2:    #1e2233;
  --border:      rgba(255,255,255,0.08);
  --text:        #e4e8f0;
  --text-dim:    #8892a4;
  --accent:      #f0a500;
  --accent-dim:  rgba(240,165,0,0.12);
  --blue:        #4d9de0;
  --blue-dim:    rgba(77,157,224,0.12);
  --green:       #3ec97a;
  --green-dim:   rgba(62,201,122,0.12);
  --red:         #e05c5c;
  --red-dim:     rgba(224,92,92,0.12);
  --purple:      #9b72cf;
  --purple-dim:  rgba(155,114,207,0.12);
  --orange:      #e8834a;
  --orange-dim:  rgba(232,131,74,0.12);
}

:root[data-theme="light"] {
  --bg:          #f0f2f7;
  --surface:     #ffffff;
  --surface2:    #f5f7fc;
  --border:      rgba(0,0,0,0.08);
  --text:        #1a1f2e;
  --text-dim:    #6b7385;
  --accent:      #d4880a;
  --accent-dim:  rgba(212,136,10,0.1);
  --blue:        #2873c0;
  --blue-dim:    rgba(40,115,192,0.1);
  --green:       #279055;
  --green-dim:   rgba(39,144,85,0.1);
  --red:         #c23b3b;
  --red-dim:     rgba(194,59,59,0.1);
  --purple:      #7355a8;
  --purple-dim:  rgba(115,85,168,0.1);
  --orange:      #c86020;
  --orange-dim:  rgba(200,96,32,0.1);
}