/* Kevmedia — tokens uit het design system "Kevmedia" (tokens.json), thema Night.
   Wijzig waarden in het design system en neem ze hier over; niet los aanpassen. */
:root {
  color-scheme: dark;

  /* kleur */
  --ground: #0A0A0B;
  --surface: #121214;
  --surface-raised: #1A1A1D;
  --line: #ffffff1a;
  --line-strong: #ffffff40;
  --ink: #F2F2EF;
  --ink-soft: #E6E6E3;
  --ink-muted: #A6A6A3;
  --ink-faint: #6E6E6B;   /* alleen decoratief of tekst vanaf 24px */
  --tally: #FF5A45;       /* maximaal één tally-moment per scherm */
  --on-tally: #121214;
  --amber: #F29A38;       /* alleen beeld en liquid-vlakken */
  --indigo: #7B6CFF;      /* alleen beeld en liquid-vlakken */
  --focus: #F2F2EF;

  /* type */
  --font-display: "Archivo", "Archivo Expanded", system-ui, sans-serif;
  --font-serif: "Instrument Serif", "Times New Roman", serif;
  --font-sans: "Geist", system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;

  /* ruimte */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 28px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 120px;
  --space-10: 200px;

  /* vorm */
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-btn: 4px;
  --radius-dot: 50%;
  --shadow-none: none;
  --grain: 0.22;
}