/* ══ DARK THEME (default) ══ */
:root {
  --bg:         #0a0d0a;
  --surface:    #111511;
  --surface2:   #192019;
  --surface3:   #1f271f;
  --border:     #263026;
  --border2:    #324232;
  --green:      #5cb84a;
  --green-dim:  #2e6626;
  --green-glow: rgba(92,184,74,.12);
  --orange:     #c85a18;
  --orange-dim: #7a3510;
  --cyan:       #1eb8c4;
  --cyan-dim:   #0e6e78;
  --text:       #eef0ea;
  --text-soft:  #a8b4a4;
  --text-mute:  #5a6a56;
  --display:    'Cinzel', 'Times New Roman', serif;
  --body:       'Jost', system-ui, sans-serif;
  --shadow:     rgba(0,0,0,.4);
  --badge-bg:   rgba(92,184,74,.08);
  --warn-bg:    #1a1208;
  --warn-br:    #c87a18;
  --ctrl-bg:    #192019;
  --ctrl-br:    #324232;
  --ctrl-text:  #5a6a56;
  --ctrl-active-bg:   #2e6626;
  --ctrl-active-br:   #5cb84a;
  --ctrl-active-text: #eef0ea;
}

/* ══ LIGHT THEME ══ */
[data-theme="light"] {
  --bg:         #f3f6ef;
  --surface:    #ffffff;
  --surface2:   #eaf0e5;
  --surface3:   #dfebd8;
  --border:     #c4d4bc;
  --border2:    #b0c8a6;
  --green:      #38920a;
  --green-dim:  #c8e8bc;
  --green-glow: rgba(56,146,10,.10);
  --orange:     #b84e10;
  --orange-dim: #f8d8c4;
  --cyan:       #0e96a4;
  --cyan-dim:   #b4eaf0;
  --text:       #0e1a10;
  --text-soft:  #1e3020;
  --text-mute:  #3e5a38;
  --shadow:     rgba(0,0,0,.10);
  --badge-bg:   rgba(56,146,10,.09);
  --warn-bg:    #fff5ec;
  --warn-br:    #c87030;
  --ctrl-bg:    #eaf0e5;
  --ctrl-br:    #c4d4bc;
  --ctrl-text:  #3e5a38;
  --ctrl-active-bg:   #c8e8bc;
  --ctrl-active-br:   #38920a;
  --ctrl-active-text: #0e1a10;
}

@media (prefers-color-scheme: light) {
  [data-theme="auto"] {
    --bg:         #f3f6ef;
    --surface:    #ffffff;
    --surface2:   #eaf0e5;
    --surface3:   #dfebd8;
    --border:     #c4d4bc;
    --border2:    #b0c8a6;
    --green:      #38920a;
    --green-dim:  #c8e8bc;
    --green-glow: rgba(56,146,10,.10);
    --orange:     #b84e10;
    --orange-dim: #f8d8c4;
    --cyan:       #0e96a4;
    --cyan-dim:   #b4eaf0;
    --text:       #0e1a10;
    --text-soft:  #1e3020;
    --text-mute:  #3e5a38;
    --shadow:     rgba(0,0,0,.10);
    --badge-bg:   rgba(56,146,10,.09);
    --warn-bg:    #fff5ec;
    --warn-br:    #c87030;
    --ctrl-bg:    #eaf0e5;
    --ctrl-br:    #c4d4bc;
    --ctrl-text:  #3e5a38;
    --ctrl-active-bg:   #c8e8bc;
    --ctrl-active-br:   #38920a;
    --ctrl-active-text: #0e1a10;
  }
}