/* Keyboardo — themes.css
   Exactly the 12 theme ids of CONTRACTS §7; every block defines ALL 15 theme
   custom properties (no more, no fewer). Default theme "dark" also lives in
   base.css :root so a missing data-theme attribute renders dark. */

html[data-theme="dark"] {
  --bg: #111418;
  --surface: #1a1e24;
  --surface-alt: #232932;
  --text: #e7eaf0;
  --sub: #7c8799;
  --border: #2b323d;
  --accent: #6c9ef8;
  --accent-text: #0d1015;
  --caret: #6c9ef8;
  --error: #e05561;
  --error-extra: #9d3a43;
  --success: #4cc38a;
  --warning: #e3b341;
  --focus-ring: #6c9ef8;
  --chart-grid: #262d37;
}

html[data-theme="light"] {
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-alt: #eceef2;
  --text: #1f2530;
  --sub: #6a707d;
  --border: #d7dce4;
  --accent: #3564d9;
  --accent-text: #ffffff;
  --caret: #3564d9;
  --error: #d43f4e;
  --error-extra: #8f2430;
  --success: #2e9e5b;
  --warning: #b7791f;
  --focus-ring: #3564d9;
  --chart-grid: #e2e6ec;
  color-scheme: light;
}

/* Mustard on dark grey — the Monkeytype-default vibe. */
html[data-theme="serika"] {
  --bg: #323437;
  --surface: #2c2e31;
  --surface-alt: #3a3c3f;
  --text: #d1d0c5;
  --sub: #9a9ea2;
  --border: #3f4145;
  --accent: #e2b714;
  --accent-text: #323437;
  --caret: #e2b714;
  --error: #ca4754;
  --error-extra: #7e2a33;
  --success: #7cc379;
  --warning: #e6934a;
  --focus-ring: #e2b714;
  --chart-grid: #3a3c3f;
}

html[data-theme="dracula"] {
  --bg: #282a36;
  --surface: #21222c;
  --surface-alt: #343746;
  --text: #f8f8f2;
  --sub: #7c91d0;
  --border: #44475a;
  --accent: #bd93f9;
  --accent-text: #282a36;
  --caret: #ff79c6;
  --error: #ff5555;
  --error-extra: #a83a3a;
  --success: #50fa7b;
  --warning: #ffb86c;
  --focus-ring: #bd93f9;
  --chart-grid: #44475a;
}

html[data-theme="nord"] {
  --bg: #2e3440;
  --surface: #3b4252;
  --surface-alt: #434c5e;
  --text: #eceff4;
  --sub: #9bb0d9;
  --border: #4c566a;
  --accent: #88c0d0;
  --accent-text: #2e3440;
  --caret: #88c0d0;
  --error: #bf616a;
  --error-extra: #8a4b53;
  --success: #a3be8c;
  --warning: #ebcb8b;
  --focus-ring: #88c0d0;
  --chart-grid: #434c5e;
}

html[data-theme="gruvbox-dark"] {
  --bg: #282828;
  --surface: #32302f;
  --surface-alt: #3c3836;
  --text: #ebdbb2;
  --sub: #a89685;
  --border: #504945;
  --accent: #fabd2f;
  --accent-text: #282828;
  --caret: #fabd2f;
  --error: #fb4934;
  --error-extra: #9d0006;
  --success: #b8bb26;
  --warning: #fe8019;
  --focus-ring: #fabd2f;
  --chart-grid: #3c3836;
}

html[data-theme="solarized-dark"] {
  --key-ink: #eee8d5;            /* base3: Solarized is low-contrast by design; the keycap legend uses its own bright tone to clear AA */
  --key-on-ink: #002b36;         /* base03 on the blue selected face */
  --key-on-face: #57b0e8;        /* --accent (#268bd2) against base03 tops out at 4.08:1; Solarized blue lightened until dark ink clears AA */
  --bg: #002b36;
  --surface: #073642;
  --surface-alt: #0e4756;
  --text: #93a1a1;
  --sub: #7f9fa9;
  --border: #0e4756;
  --accent: #268bd2;
  --accent-text: #002b36;
  --caret: #268bd2;
  --error: #dc322f;
  --error-extra: #8f2320;
  --success: #859900;
  --warning: #b58900;
  --focus-ring: #268bd2;
  --chart-grid: #073642;
}

html[data-theme="solarized-light"] {
  --key-ink: #073642;            /* base02 — the muted --text (#586e75) only reached 3.97:1 on the lightened cap face */
  --key-on-face: #1a6fa8;        /* a step darker than --accent so light ink clears AA */
  --key-on-ink: #fdf6e3;
  --bg: #fdf6e3;
  --surface: #eee8d5;
  --surface-alt: #e4ddc9;
  --text: #586e75;
  --sub: #606969;
  --border: #d9d2bc;
  --accent: #268bd2;
  --accent-text: #fdf6e3;
  --caret: #268bd2;
  --error: #dc322f;
  --error-extra: #9e2b25;
  --success: #859900;
  --warning: #b58900;
  --focus-ring: #268bd2;
  --chart-grid: #e0d9c3;
  color-scheme: light;
}

html[data-theme="monokai"] {
  --bg: #272822;
  --surface: #32332b;
  --surface-alt: #3e3f36;
  --text: #f8f8f2;
  --sub: #a19c81;
  --border: #3e3f36;
  --accent: #a6e22e;
  --accent-text: #272822;
  --caret: #a6e22e;
  --error: #f92672;
  --error-extra: #96164a;
  --success: #a6e22e;
  --warning: #fd971f;
  --focus-ring: #a6e22e;
  --chart-grid: #3e3f36;
}

/* Warm light — ink on old paper. */
html[data-theme="paper"] {
  --key-on-face: #6d5230;        /* --accent lightens at the top of the cap gradient; darkened so --accent-text clears AA */
  --bg: #f7f2e7;
  --surface: #efe7d5;
  --surface-alt: #e7dcc4;
  --text: #4a4238;
  --sub: #6c665b;
  --border: #ddd2b9;
  --accent: #8c6a3f;
  --accent-text: #f7f2e7;
  --caret: #8c6a3f;
  --error: #c14b3f;
  --error-extra: #8f2f26;
  --success: #5e7d4a;
  --warning: #b07d2e;
  --focus-ring: #8c6a3f;
  --chart-grid: #e2d7bf;
  color-scheme: light;
}

/* Green phosphor on black. */
html[data-theme="terminal"] {
  --bg: #0a0f0a;
  --surface: #101710;
  --surface-alt: #162016;
  --text: #33ff66;
  --sub: #1f9348;
  --border: #1b4d2b;
  --accent: #33ff66;
  --accent-text: #0a0f0a;
  --caret: #33ff66;
  --error: #ff4444;
  --error-extra: #992222;
  --success: #33ff66;
  --warning: #ffcc00;
  --focus-ring: #33ff66;
  --chart-grid: #123a1e;
}

html[data-theme="rose-pine"] {
  --bg: #191724;
  --surface: #1f1d2e;
  --surface-alt: #26233a;
  --text: #e0def4;
  --sub: #8884a6;
  --border: #403d52;
  --accent: #c4a7e7;
  --accent-text: #191724;
  --caret: #ebbcba;
  --error: #eb6f92;
  --error-extra: #a3496a;
  --success: #9ccfd8;
  --warning: #f6c177;
  --focus-ring: #c4a7e7;
  --chart-grid: #26233a;
}