/*
 * Theme tokens. Every page sets <html data-theme="<id>"> and uses ONLY these variables for colour.
 * To add a theme: add a block here + an entry in server/themes.js.
 *
 * Tokens
 *   --bg            page background
 *   --bg-elev       cards / panels
 *   --bg-elev-2     inputs, hovered rows, nested panels
 *   --border        hairline borders
 *   --text          main text
 *   --text-muted    secondary text
 *   --accent        brand colour (buttons, highlights)
 *   --accent-2      secondary accent (gradients)
 *   --accent-text   text placed ON the accent colour
 *   --accent-soft   translucent accent for selected states / glows
 *   --success / --warning / --danger
 *   --shadow        large soft shadow for cards
 *   --radius        base corner radius
 *   --font-display  headings
 *   --font-body     body text
 *   --hero-glow     decorative background for hero sections
 */

:root,
[data-theme="obsidian"] {
  --bg: #0b0b0d;
  --bg-elev: #141417;
  --bg-elev-2: #1c1c21;
  --border: rgba(212, 175, 106, 0.16);
  --text: #f5f1e8;
  --text-muted: #a49d8f;
  --accent: #d4af6a;
  --accent-2: #f3d9a4;
  --accent-text: #15120b;
  --accent-soft: rgba(212, 175, 106, 0.14);
  --success: #5fd39b;
  --warning: #f0b45b;
  --danger: #ef6b6b;
  --shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.75);
  --radius: 18px;
  --font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --hero-glow: radial-gradient(60% 50% at 70% 10%, rgba(212, 175, 106, 0.18), transparent 70%),
               radial-gradient(40% 40% at 10% 80%, rgba(243, 217, 164, 0.07), transparent 70%);
  color-scheme: dark;
}

[data-theme="aurora"] {
  --bg: #070b1a;
  --bg-elev: #0e1430;
  --bg-elev-2: #151c3d;
  --border: rgba(139, 123, 255, 0.2);
  --text: #eef0ff;
  --text-muted: #9aa2c8;
  --accent: #8b7bff;
  --accent-2: #3ee6c8;
  --accent-text: #ffffff;
  --accent-soft: rgba(139, 123, 255, 0.16);
  --success: #3ee6c8;
  --warning: #ffc66d;
  --danger: #ff6b8a;
  --shadow: 0 24px 60px -20px rgba(3, 5, 20, 0.85);
  --radius: 20px;
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --hero-glow: radial-gradient(55% 55% at 80% 0%, rgba(139, 123, 255, 0.35), transparent 70%),
               radial-gradient(45% 45% at 0% 90%, rgba(62, 230, 200, 0.22), transparent 70%);
  color-scheme: dark;
}

[data-theme="ivory"] {
  --bg: #fbfaf7;
  --bg-elev: #ffffff;
  --bg-elev-2: #f3f1ec;
  --border: rgba(29, 29, 31, 0.1);
  --text: #1d1d1f;
  --text-muted: #6e6e73;
  --accent: #0a66ff;
  --accent-2: #5ac8fa;
  --accent-text: #ffffff;
  --accent-soft: rgba(10, 102, 255, 0.1);
  --success: #1f9d55;
  --warning: #c27c0e;
  --danger: #d93838;
  --shadow: 0 24px 50px -24px rgba(29, 29, 31, 0.22);
  --radius: 18px;
  --font-display: "Inter", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --hero-glow: radial-gradient(60% 50% at 80% 0%, rgba(10, 102, 255, 0.10), transparent 70%),
               radial-gradient(40% 40% at 0% 100%, rgba(90, 200, 250, 0.12), transparent 70%);
  color-scheme: light;
}

[data-theme="emerald"] {
  --bg: #07110e;
  --bg-elev: #0d1a16;
  --bg-elev-2: #13241e;
  --border: rgba(47, 208, 138, 0.16);
  --text: #e8f5ef;
  --text-muted: #8fb0a2;
  --accent: #2fd08a;
  --accent-2: #a6f4d0;
  --accent-text: #04140d;
  --accent-soft: rgba(47, 208, 138, 0.14);
  --success: #2fd08a;
  --warning: #f2c14e;
  --danger: #f07167;
  --shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.8);
  --radius: 16px;
  --font-display: "DM Serif Display", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --hero-glow: radial-gradient(55% 50% at 75% 5%, rgba(47, 208, 138, 0.2), transparent 70%),
               radial-gradient(40% 40% at 5% 90%, rgba(166, 244, 208, 0.08), transparent 70%);
  color-scheme: dark;
}

[data-theme="rose"] {
  --bg: #fbf4f2;
  --bg-elev: #ffffff;
  --bg-elev-2: #f6e9e5;
  --border: rgba(122, 46, 77, 0.12);
  --text: #2b1620;
  --text-muted: #7d6570;
  --accent: #7a2e4d;
  --accent-2: #e8a598;
  --accent-text: #ffffff;
  --accent-soft: rgba(122, 46, 77, 0.09);
  --success: #2e8b57;
  --warning: #b9770e;
  --danger: #c0392b;
  --shadow: 0 24px 50px -24px rgba(122, 46, 77, 0.25);
  --radius: 22px;
  --font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --hero-glow: radial-gradient(55% 50% at 80% 0%, rgba(232, 165, 152, 0.35), transparent 70%),
               radial-gradient(40% 40% at 0% 100%, rgba(122, 46, 77, 0.08), transparent 70%);
  color-scheme: light;
}