/* MailLens themes: matrix (default), dark, light.
   Colors are RGB channels so Tailwind opacity modifiers (bg-accent/15) work. */
:root,
:root[data-theme="matrix"] {
  color-scheme: dark;
  --bg: 1 8 4;
  --panel: 5 20 11;
  --border: 18 64 36;
  --text: 200 247 214;
  --muted: 110 176 132;
  --accent: 0 255 102;
  --on-accent: 0 26 10;
  --info: 64 224 208;
  --warn: 255 204 51;
  --danger: 255 92 92;
  --ok: 0 255 102;
  --chart-1: 0 255 102;
  --chart-2: 255 159 67;
  --chart-3: 255 92 92;
  --chart-4: 64 224 208;
  --chart-5: 186 230 55;
  --chart-6: 199 125 255;
  --chart-7: 255 204 51;
  --chart-8: 120 144 156;
  --glow: 0 0 10px rgb(0 255 102 / 0.45);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: 2 6 23;
  --panel: 15 23 42;
  --border: 30 41 59;
  --text: 226 232 240;
  --muted: 148 163 184;
  --accent: 56 189 248;
  --on-accent: 8 47 73;
  --info: 45 212 191;
  --warn: 251 191 36;
  --danger: 248 113 113;
  --ok: 74 222 128;
  --chart-1: 14 165 233;
  --chart-2: 249 115 22;
  --chart-3: 239 68 68;
  --chart-4: 20 184 166;
  --chart-5: 132 204 22;
  --chart-6: 168 85 247;
  --chart-7: 234 179 8;
  --chart-8: 100 116 139;
  --glow: none;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: 248 250 252;
  --panel: 255 255 255;
  --border: 226 232 240;
  --text: 15 23 42;
  --muted: 71 85 105;
  --accent: 3 105 161;
  --on-accent: 255 255 255;
  --info: 15 118 110;
  --warn: 180 83 9;
  --danger: 185 28 28;
  --ok: 21 128 61;
  --chart-1: 3 105 161;
  --chart-2: 234 88 12;
  --chart-3: 220 38 38;
  --chart-4: 13 148 136;
  --chart-5: 101 163 13;
  --chart-6: 147 51 234;
  --chart-7: 202 138 4;
  --chart-8: 100 116 139;
  --glow: none;
}

/* Matrix look: monospace headings, figures and tables with a soft glow */
:root[data-theme="matrix"] :is(h1, h2, h3, table, dd, pre, code, .brand) {
  font-family: ui-monospace, "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
h1, .brand { text-shadow: var(--glow); }