/* Shared theme tokens. Single source for _index.html, glossary.html, etc. */
/* ── DARK THEME (default) ── */
[data-theme="dark"] {
  --bg:         #0d0f12;
  --bg2:        #12151a;
  --surface:    #181c22;
  --surface2:   #1e232c;
  --border:     #2a3142;
  --border-mid: #36445a;
  --border-hi:  #475a75;
  --text:       #f0e8e4;
  --text-muted: #9aaabe;
  --text-dim:   #5a6d88;
  --nav-bg:     rgba(13,15,18,0.96);
  --overlay-bg: rgba(6,8,12,0.88);
  --red:        #e84b3a;
  --red-glow:   rgba(232,75,58,0.15);
  --gold:       #c8883a;
  --gold-light: #e0a050;
  --gold-dim:   rgba(200,136,58,0.12);
  --hero-grad:  radial-gradient(ellipse at 75% 50%,rgba(232,75,58,0.07) 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(200,136,58,0.04) 0%,transparent 50%);
}
/* ── LIGHT THEME ── */
[data-theme="light"] {
  --bg:         #e8e0dc;
  --bg2:        #ddd4ce;
  --surface:    #f5f0ee;
  --surface2:   #e8deda;
  --border:     #b09888;
  --border-mid: #8e7060;
  --border-hi:  #5e4038;
  --text:       #0a0204;
  --text-muted: #201010;
  --text-dim:   #5a3838;
  --nav-bg:     rgba(232,224,220,0.97);
  --overlay-bg: rgba(20,6,10,0.75);
  --red:        #a01808;
  --red-glow:   rgba(160,24,8,0.12);
  --gold:       #6a3406;
  --gold-light: #8a4c14;
  --gold-dim:   rgba(106,52,6,0.12);
  --hero-grad:  radial-gradient(ellipse at 75% 50%,rgba(160,24,8,0.07) 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(106,52,6,0.06) 0%,transparent 50%);
  --card-bg:    #f0ebe8;
  --card-hover: #f8f4f2;
}
/* ── CATEGORY COLORS ── */
:root {
  --cat-wf:     #60a8d4;
  --cat-fund:   #5aaa6e;
  --cat-career: #53bcc6;
  --cat-ind:    #e8923a;
  --cat-tools:  #9070c0;
  --cat-prod:   #d4607a;
}