/* Tokeny wizualne. Domyslnie jasny; ciemny po data-theme="dark" (przelacznik w naglowku). */
:root {
  color-scheme: light;
  --bg: #F4F7FC;
  --surface: #FFFFFF;
  --surface-2: #EBF0F8;
  --line: #D3DCEB;
  --text: #0B1424;
  --strong: #26324B;
  --muted: #475672;
  --dim: #5B6A86;
  --faint: #B3BFD4;
  --accent: #0B6BC2;
  --on-accent: #FFFFFF;
  --link: #0A7A5A;
  --warn: #B45309;
  --err: #B91C1C;
  --shadow: rgba(16, 32, 64, 0.14);

  --font-sans: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --radius: 12px;
  --radius-lg: 18px;
  --container: 1200px;
  --gutter: 32px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0A101C;
  --surface: #111A2B;
  --surface-2: #0E1626;
  --line: #243350;
  --text: #E9EFFA;
  --strong: #C9D4E8;
  --muted: #A3B1CB;
  --dim: #8696B3;
  --faint: #3A4A6B;
  --accent: #5AB4E8;
  --on-accent: #06243A;
  --link: #5BF0C0;
  --warn: #F59E0B;
  --err: #F87171;
  --shadow: rgba(0, 0, 0, 0.45);
}

@media (max-width: 640px) {
  :root { --gutter: 20px; }
}