/* ==========================================================================
   Kaldrik · theme palettes for the static pages (FAQ, Guide, legal, etc.).
   Mirrors the app's themes (src/styles.css) so the marketing/docs shell can
   switch themes too, kept in sync via the shared localStorage key
   "kaldrik.themeOverride" (see theme-switcher.js). Only the tokens site.css
   uses are defined here; elevation/rounding stay sleek from site.css. When a
   theme has no distinct small-text accent, --rust-text falls back to --rust
   (so a blue/teal/green theme never shows red accent text).
   ========================================================================== */

/* ---- Dark ---- */
:root[data-theme="forge"] {
  --bg: #0c0c0e; --surface: #151518; --surface-2: #1d1d21;
  --ink: #ededf0; --ink-soft: #8b8b93; --line: #2d2d33;
  --rust: #d1232f; --rust-text: #ef4444; --on-accent: #fff;
}
:root[data-theme="midnight"] {
  --bg: #0d1117; --surface: #161b22; --surface-2: #1f2630;
  --ink: #e6edf3; --ink-soft: #8b97a6; --line: #2b333f;
  --rust: #2dd4bf; --rust-text: var(--rust); --on-accent: #06201d;
}
:root[data-theme="console"] {
  --bg: #16181c; --surface: #1e2126; --surface-2: #282c33;
  --ink: #e9ecf0; --ink-soft: #98a1ad; --line: #353b44;
  --rust: #f2a93b; --rust-text: var(--rust); --on-accent: #1a1206;
}
:root[data-theme="violet"] {
  --bg: #100d1a; --surface: #1a1527; --surface-2: #222030;
  --ink: #e8e3f8; --ink-soft: #8b83b3; --line: #2d2840;
  --rust: #7c3aed; --rust-text: #a78bfa; --on-accent: #fff;
}
:root[data-theme="ember"] {
  --bg: #140e08; --surface: #1f1710; --surface-2: #29201a;
  --ink: #f5ede4; --ink-soft: #9d8a7a; --line: #33281e;
  --rust: #f97316; --rust-text: var(--rust); --on-accent: #fff;
}
:root[data-theme="contrast"] {
  --bg: #000000; --surface: #0b0b0b; --surface-2: #161616;
  --ink: #ffffff; --ink-soft: #cfcfcf; --line: #5a5a5a;
  --rust: #ffd400; --rust-text: var(--rust); --on-accent: #000000;
}
:root[data-theme="synthwave"] {
  --bg: #0f0722; --surface: #1b1138; --surface-2: #251846;
  --ink: #f3e9ff; --ink-soft: #a394c9; --line: #3a2a5e;
  --rust: #ff2d95; --rust-text: #ff77b9; --on-accent: #1a0a2e;
}

/* ---- Light ---- */
:root[data-theme="concrete"] {
  --bg: #cdcdc8; --surface: #e7e7e2; --surface-2: #d4d4ce;
  --ink: #131315; --ink-soft: #55555b; --line: #a8a8a1;
  --rust: #b3122a; --rust-text: var(--rust); --on-accent: #fff;
}
:root[data-theme="slate"] {
  --bg: #e4e7ec; --surface: #f4f6f9; --surface-2: #e8ebf0;
  --ink: #1b1f27; --ink-soft: #525a66; --line: #c2c8d2;
  --rust: #1f63d6; --rust-text: var(--rust); --on-accent: #fff;
}
:root[data-theme="paper"] {
  --bg: #ece5d8; --surface: #f8f3ea; --surface-2: #efe7d8;
  --ink: #2b2620; --ink-soft: #6b6052; --line: #cdbfa8;
  --rust: #1d5fbf; --rust-text: var(--rust); --on-accent: #fff;
}
:root[data-theme="parchment"] {
  --bg: #f0e8d8; --surface: #fdf8f0; --surface-2: #e8ddc8;
  --ink: #3d2e1e; --ink-soft: #7a6553; --line: #d0c0a8;
  --rust: #c2410c; --rust-text: var(--rust); --on-accent: #fff;
}
:root[data-theme="grove"] {
  --bg: #e6eeea; --surface: #f4f9f6; --surface-2: #daeae0;
  --ink: #1a2e22; --ink-soft: #4d7259; --line: #b8d4c4;
  --rust: #16a34a; --rust-text: var(--rust); --on-accent: #fff;
}
:root[data-theme="seafoam"] {
  --bg: #e2efec; --surface: #f1f9f6; --surface-2: #dcefe8;
  --ink: #14302b; --ink-soft: #4e716a; --line: #bcdcd2;
  --rust: #0f766e; --rust-text: var(--rust); --on-accent: #fff;
}
:root[data-theme="vapor"] {
  --bg: #f3e6f5; --surface: #fdf1fb; --surface-2: #f2e2f3;
  --ink: #2c1a3d; --ink-soft: #6e5780; --line: #e0c8e4;
  --rust: #c01e8f; --rust-text: var(--rust); --on-accent: #fff;
}