/* Theme definitions. Each theme sets the same set of custom properties;
   styles.css only ever reads these variables, never hardcodes color. */

[data-theme="light"] {
  --bg: #f5f5f2;
  --bg-alt: #ffffff;
  --card-bg: #ffffff;
  --text: #1a1a1a;
  --text-muted: #55554f;
  --accent: #0a5f38;
  --accent-2: #b3541e;
  --border: #d8d8d2;
  --overlay: rgba(20, 20, 15, 0.5);
  --border-width: 1px;
}

[data-theme="dark"] {
  --bg: #12141a;
  --bg-alt: #1b1e26;
  --card-bg: #1b1e26;
  --text: #e8e8ea;
  --text-muted: #9aa0ab;
  --accent: #7dd3fc;
  --accent-2: #f0a868;
  --border: #2a2e38;
  --overlay: rgba(0, 0, 0, 0.65);
  --border-width: 1px;
}

[data-theme="monokai"] {
  --bg: #272822;
  --bg-alt: #2f3129;
  --card-bg: #2f3129;
  --text: #f8f8f2;
  --text-muted: #a6a6a0;
  --accent: #a6e22e;
  --accent-2: #f92672;
  --border: #49483e;
  --overlay: rgba(0, 0, 0, 0.7);
  --border-width: 1px;
}

[data-theme="high-contrast"] {
  --bg: #000000;
  --bg-alt: #000000;
  --card-bg: #000000;
  --text: #ffffff;
  --text-muted: #ffffff;
  --accent: #ffff00;
  --accent-2: #00ffff;
  --border: #ffffff;
  --overlay: rgba(0, 0, 0, 0.85);
  --border-width: 2px;
}

[data-theme="pizza"] {
  --bg: #fff4dd;
  --bg-alt: #fff9ec;
  --card-bg: #fff9ec;
  --text: #4a2c14;
  --text-muted: #8a5a2b;
  --accent: #c0392b;
  --accent-2: #2e7d32;
  --border: #e0b56b;
  --overlay: rgba(74, 44, 20, 0.55);
  --border-width: 1px;
}