/**
 * SOURCE OF TRUTH for SafeTrace appearance tokens (Michael locked).
 * Design Pages vendors a static copy to `docs/themes.css` (GitHub Pages has no
 * node import). When changing tokens here, copy/sync to `docs/themes.css`
 * (Card PR #5 / future). Do not fork token names.
 *
 * Apply: <html data-theme="light|dark|balanced" data-scale="100|125|150|175|200">
 * Persist: localStorage keys `safetrace-theme` and `safetrace-scale`.
 * Admin imports `@safetrace/shared/themes.css`.
 */

:root,
html[data-theme='balanced'] {
  color-scheme: dark;
  --bg: #1a2233;
  --bg-glow: #2a354d;
  --panel: #243044;
  --border: #4a5a78;
  --text: #e8edf7;
  --muted: #c0c9db;
  --accent: #5b8fef;
  --accent-2: #4ec9b0;
  --accent-text: #0d1728;
  --input-bg: #1e283c;
  --danger: #f0a0a0;
  --focus: #8eb6ff;
  --shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 22%);
}

html[data-theme='dark'] {
  color-scheme: dark;
  --bg: #0b1120;
  --bg-glow: #17233f;
  --panel: #131c31;
  --border: #3d4f73;
  --text: #f2f6ff;
  --muted: #b7c3de;
  --accent: #6aa2ff;
  --accent-2: #5eecd8;
  --accent-text: #06122b;
  --input-bg: #0f1830;
  --danger: #fca5a5;
  --focus: #9ec2ff;
  --shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 35%);
}

html[data-theme='light'] {
  color-scheme: light;
  --bg: #f4f6fb;
  --bg-glow: #dce4f5;
  --panel: #ffffff;
  --border: #8b96a8;
  --text: #121826;
  --muted: #3d4a5c;
  --accent: #1558c0;
  --accent-2: #0b6b5c;
  --accent-text: #ffffff;
  --input-bg: #eef1f7;
  --danger: #9b1c1c;
  --focus: #1558c0;
  --shadow: 0 0.5rem 1.5rem rgb(18 24 38 / 10%);
}

html[data-scale='100'] {
  font-size: 100%;
}
html[data-scale='125'] {
  font-size: 125%;
}
html[data-scale='150'] {
  font-size: 150%;
}
html[data-scale='175'] {
  font-size: 175%;
}
html[data-scale='200'] {
  font-size: 200%;
}