/* themes.css — color overrides per [data-theme].
   Dark is the default (declared in tokens.css). */

[data-theme="light"] {
  --bg: #eef1f8;
  --bg-2: #e6eaf5;
  --panel: #ffffff;
  --panel-2: #f1f4fb;
  --border: #d2d8ea;
  --text: #1b2030;
  --muted: #5b6480;
  --accent: #3b5bdb;
  --accent-ink: #ffffff;
  --success: #1f9d6b;
  --success-bg: #e4f6ed;
  --warn: #9a6b00;
  --warn-bg: #fbf2dc;
  --code-bg: #0f1320;     /* keep code dark for contrast even in light theme */
  --star: #cfd8ff;
  --shadow: 0 6px 22px rgba(40,50,90,0.12);
}

[data-theme="high-contrast"] {
  --bg: #000000;
  --bg-2: #000000;
  --panel: #000000;
  --panel-2: #0a0a0a;
  --border: #ffffff;
  --text: #ffffff;
  --muted: #ffe600;
  --accent: #ffe600;
  --accent-ink: #000000;
  --success: #00ff9c;
  --success-bg: #002417;
  --warn: #ffd400;
  --warn-bg: #2a2300;
  --code-bg: #000000;
  --star: #ffffff;
  --shadow: none;
}
[data-theme="high-contrast"] .panel,
[data-theme="high-contrast"] .btn { border-width: 2px; }