/* ==========================================================================
   Design tokens — dev_page. Motyw: <html data-theme="dark|light">.
   ========================================================================== */
:root {
  --font-sans: 'Geist', Helvetica, Arial, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;
  --color-accent: #3B82F6;
  --color-accent-strong: #2563EB;
  --bg: #0A0A0B;
  --fg: #FFFFFF;
  --accent-soft: #93C5FD;
  --card: #111113;
  --hov: #111a2e;
  --bad: #141012;
  --bad-ink: #F87171;
  --ok: #86EFAC;
}
html[data-theme="dark"], html[data-theme="dark"] [data-root] {
  --bg: #0A0A0B;
  --fg: #FFFFFF;
  --accent-soft: #93C5FD;
  --card: #111113;
  --hov: #111a2e;
  --bad: #141012;
  --bad-ink: #F87171;
  --ok: #86EFAC;
  color-scheme: dark;
}
html[data-theme="light"], html[data-theme="light"] [data-root] {
  --bg: #F7F7F5;
  --fg: #0A0A0B;
  --accent-soft: #2563EB;
  --card: #FFFFFF;
  --hov: #E8EEFB;
  --bad: #FFF4F4;
  --bad-ink: #DC2626;
  --ok: #15803D;
  color-scheme: light;
}
html { background: var(--bg); color: var(--fg); }