/* BAGO · CSS premenné z docs/dizajnmanual/tokens.json.
   Súbor je generovaný: python scripts/tokeny_na_css.py. Ručne neupravovať. */

:root {
  color-scheme: light;
  --paper: #f4f4f1;
  --surface: #ffffff;
  --surface-sunken: #e8eae6;
  --ink: #161c1d;
  --ink-soft: #4b5553;
  --rule: #c9cdc9;
  --green: #129a40;
  --green-text: #127236;
  --on-ink: #f4f4f1;
  --focus: #127236;
  --error: #b3261e;
  --shadow-green: 4px 4px 0 #129a40;
  --font-display: "Archivo", "Arial Narrow", sans-serif;
  --font-text: "Questrial", "Century Gothic", "Avenir", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-none: 0px;
  --radius-s: 2px;
  --radius-round: 50%;
  --slant: -12deg;
  --content-max: 1120px;
  --measure: 68ch;
  --rule-strong: 2px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #121717;
    --surface: #1a2020;
    --surface-sunken: #0d1111;
    --ink: #eceeec;
    --ink-soft: #a8b2af;
    --rule: #2e3737;
    --green: #2bb35c;
    --green-text: #4cc879;
    --on-ink: #121717;
    --focus: #4cc879;
    --error: #f2867e;
    --shadow-green: 4px 4px 0 #2bb35c;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #121717;
  --surface: #1a2020;
  --surface-sunken: #0d1111;
  --ink: #eceeec;
  --ink-soft: #a8b2af;
  --rule: #2e3737;
  --green: #2bb35c;
  --green-text: #4cc879;
  --on-ink: #121717;
  --focus: #4cc879;
  --error: #f2867e;
  --shadow-green: 4px 4px 0 #2bb35c;
}