/* Theme palettes. Each block overrides the color tokens declared as defaults
   in variables.css. Non-color tokens (typography, spacing, motion) live there
   too and are intentionally NOT redefined here. */

/* ---- DARK THEMES ----------------------------------------------------- */

/* 1. Hawk — graphite + amber (default). Mirrors variables.css for explicit
       selection, so the gear/admin UI can show this as the "active" theme. */
:root[data-theme="hawk"] {
    --bg: #232830;
    --panel: #2f343d;
    --muted: #dde3ec;
    --accent: #e6b84d;
    --line: #3a4049;
    --glass: rgba(255, 255, 255, 0.14);
    --glass-dark: rgba(255, 255, 255, 0.06);
    --text: #f8f9fc;
    --on-accent: #15140f;
    --logo-color: #e1b65a;
    --danger: #ff6b6b;
    --danger-bg: rgba(255, 107, 107, 0.1);
    --input-bg: rgba(255, 255, 255, 0.06);
    --input-bg-strong: rgba(255, 255, 255, 0.1);
    --input-placeholder: rgba(244, 245, 248, 0.5);
}

/* 2. Tokyo Night — indigo background, soft cyan-blue accent. */
:root[data-theme="tokyo-night"] {
    --bg: #1a1b26;
    --panel: #24283b;
    --muted: #c8d0ee;
    --accent: #7aa2f7;
    --line: #2f3650;
    --glass: rgba(192, 202, 245, 0.14);
    --glass-dark: rgba(192, 202, 245, 0.06);
    --text: #ebf0ff;
    --on-accent: #11131c;
    --logo-color: #e1b65a;
    --danger: #f7768e;
    --danger-bg: rgba(247, 118, 142, 0.12);
    --input-bg: rgba(192, 202, 245, 0.06);
    --input-bg-strong: rgba(192, 202, 245, 0.1);
    --input-placeholder: rgba(221, 227, 255, 0.5);
}

/* 3. Dracula — deep purple, magenta accent. */
:root[data-theme="dracula"] {
    --bg: #282a36;
    --panel: #353746;
    --muted: #cfd5ee;
    --accent: #ff79c6;
    --line: #44475a;
    --glass: rgba(248, 248, 242, 0.14);
    --glass-dark: rgba(248, 248, 242, 0.06);
    --text: #fcfcf8;
    --on-accent: #1a1b22;
    --logo-color: #e1b65a;
    --danger: #ff5555;
    --danger-bg: rgba(255, 85, 85, 0.12);
    --input-bg: rgba(248, 248, 242, 0.06);
    --input-bg-strong: rgba(248, 248, 242, 0.1);
    --input-placeholder: rgba(250, 250, 245, 0.5);
}

/* 4. Nord — cool slate-blue, frost accent. */
:root[data-theme="nord"] {
    --bg: #2e3440;
    --panel: #3b4252;
    --muted: #dce3ee;
    --accent: #88c0d0;
    --line: #4a5468;
    --glass: rgba(236, 239, 244, 0.14);
    --glass-dark: rgba(236, 239, 244, 0.06);
    --text: #f8fafd;
    --on-accent: #1c2230;
    --logo-color: #e1b65a;
    --danger: #bf616a;
    --danger-bg: rgba(191, 97, 106, 0.16);
    --input-bg: rgba(236, 239, 244, 0.06);
    --input-bg-strong: rgba(236, 239, 244, 0.1);
    --input-placeholder: rgba(244, 246, 250, 0.5);
}

/* 5. Gruvbox Dark — warm brown, retro mustard accent. */
:root[data-theme="gruvbox-dark"] {
    --bg: #282828;
    --panel: #3c3836;
    --muted: #ead9b3;
    --accent: #fabd2f;
    --line: #5a504a;
    --glass: rgba(235, 219, 178, 0.14);
    --glass-dark: rgba(235, 219, 178, 0.06);
    --text: #fdf3da;
    --on-accent: #1d1c1a;
    --logo-color: #e1b65a;
    --danger: #fb4934;
    --danger-bg: rgba(251, 73, 52, 0.14);
    --input-bg: rgba(235, 219, 178, 0.06);
    --input-bg-strong: rgba(235, 219, 178, 0.1);
    --input-placeholder: rgba(251, 238, 210, 0.55);
}

/* ---- LIGHT THEMES ----------------------------------------------------
   Light themes need different treatment than dark themes:
   - Hover/divider tints have to use the *text* color (dark) at low alpha,
     not white-at-low-alpha, otherwise they're invisible against the bg.
   - `--on-accent` is white-ish because the accent in each light theme is a
     dark color (red, teal, navy, magenta), where dark-on-dark fails.
   - `--text` is pushed to near-black for body legibility (Paper-style).
   - `--logo-color` flips to near-black so the amber bird isn't invisible.
*/

/* 6. Paper — softer ivory, ink text, red accent. */
:root[data-theme="paper"] {
    --bg: #ece7d9;
    --panel: #f4f0e6;
    --muted: #2e2e2e;
    --accent: #b03a2e;
    --line: #c1baa6;
    --glass: rgba(20, 20, 20, 0.1);
    --glass-dark: rgba(20, 20, 20, 0.05);
    --text: #15140f;
    --on-accent: #fff8f0;
    --logo-color: #15140f;
    --danger: #a63327;
    --danger-bg: rgba(166, 51, 39, 0.12);
    --input-bg: rgba(20, 20, 20, 0.06);
    --input-bg-strong: rgba(20, 20, 20, 0.1);
    --input-placeholder: rgba(21, 20, 15, 0.55);
}

/* 7. Solarized Light — dim cream + teal accent, base03 text. */
:root[data-theme="solarized-light"] {
    --bg: #f1e8cf;
    --panel: #e6dcbd;
    --muted: #2a4347;
    --accent: #167873;
    --line: #b9ad8a;
    --glass: rgba(0, 43, 54, 0.12);
    --glass-dark: rgba(0, 43, 54, 0.05);
    --text: #002b36;
    --on-accent: #f5efd6;
    --logo-color: #002b36;
    --danger: #b1322e;
    --danger-bg: rgba(177, 50, 46, 0.12);
    --input-bg: rgba(0, 43, 54, 0.07);
    --input-bg-strong: rgba(0, 43, 54, 0.12);
    --input-placeholder: rgba(0, 43, 54, 0.6);
}

/* 8. Latte — Catppuccin, dimmer base + crust panel. */
:root[data-theme="latte"] {
    --bg: #dce0e8;
    --panel: #ccd0da;
    --muted: #2d2f44;
    --accent: #d20f6f;
    --line: #9ca0ad;
    --glass: rgba(30, 32, 50, 0.12);
    --glass-dark: rgba(30, 32, 50, 0.05);
    --text: #1c1d2a;
    --on-accent: #eff1f5;
    --logo-color: #1c1d2a;
    --danger: #d20f39;
    --danger-bg: rgba(210, 15, 57, 0.12);
    --input-bg: rgba(30, 32, 50, 0.07);
    --input-bg-strong: rgba(30, 32, 50, 0.12);
    --input-placeholder: rgba(30, 32, 50, 0.55);
}

/* 9. Rosé Pine Dawn — toned-down rose, deeper highlight text. */
:root[data-theme="rose-pine-dawn"] {
    --bg: #ede0d4;
    --panel: #e3d3c2;
    --muted: #2a2545;
    --accent: #b4637a;
    --line: #c1b4a7;
    --glass: rgba(31, 27, 60, 0.12);
    --glass-dark: rgba(31, 27, 60, 0.05);
    --text: #1c1830;
    --on-accent: #faf4ed;
    --logo-color: #1c1830;
    --danger: #b4546c;
    --danger-bg: rgba(180, 84, 108, 0.12);
    --input-bg: rgba(31, 27, 60, 0.07);
    --input-bg-strong: rgba(31, 27, 60, 0.12);
    --input-placeholder: rgba(31, 27, 60, 0.55);
}

/* 10. GitHub Light — off-white surface, deeper muted, blue accent. */
:root[data-theme="github-light"] {
    --bg: #eaeef2;
    --panel: #d8dee4;
    --muted: #24292f;
    --accent: #0550ae;
    --line: #9ba6b3;
    --glass: rgba(20, 24, 31, 0.1);
    --glass-dark: rgba(20, 24, 31, 0.05);
    --text: #0b0f15;
    --on-accent: #f6f8fa;
    --logo-color: #0b0f15;
    --danger: #b91c1c;
    --danger-bg: rgba(185, 28, 28, 0.12);
    --input-bg: rgba(20, 24, 31, 0.06);
    --input-bg-strong: rgba(20, 24, 31, 0.1);
    --input-placeholder: rgba(20, 24, 31, 0.55);
}