/* eTurnir: CSS spremenljivke iz tokens.json */
:root{
  --graphite: #1F2937; /* Primarna barva: primarni gumbi, izbrana navigacija, aktivni korak čarovnika. Bel */
  --graphite-hover: #111827; /* Izpeljano: lebdenje in pritisk primarnega gumba. */
  --ink: #0B1220; /* Glavni tekst na ozadju in karticah. 18:1 na kartici. */
  --ink-2: #3D4658; /* Drugotni tekst: opisi polj, oznake stolpcev, metapodatki. 9.6:1 na kartici. */
  --muted: #7A8595; /* Utišan tekst: namigi, ograde, prazne celice. Samo 3.7:1 na kartici in 3.4:1 na o */
  --bg: #F4F5F7; /* Ozadje strani in platna. */
  --bg-sunken: #EEF0F3; /* Izpeljano: lebdenje vrstice, izbrana vrstica v seznamu, ozadje segmentiranega st */
  --card: #FFFFFF; /* Kartice, paneli, polja, tabele. */
  --line: #E5E8EE; /* Vse ločilne črte in obrobe kartic. */
  --line-strong: #CDD3DC; /* Izpeljano: obroba polja in sekundarnega gumba (3:1 proti kartici pri robu fokusa */
  --red: #D9374B; /* Tekma in turnir: stanje V teku, živa tekma, gumb Objavi. 4.6:1 na kartici, bel t */
  --red-soft: #FCEDEF; /* Podlaga za stanje V teku in živo tekmo. */
  --red-ink: #B02338; /* Izpeljano: rdeč tekst v majhni velikosti na red-soft (5.9:1). */
  --green: #0F8A5F; /* Odigrano in končano: ikone, stikalo, obroba. 4.4:1 na kartici, zato majhen tekst */
  --green-soft: #E6F4EE; /* Podlaga za končano in napredovanje. */
  --green-ink: #0B6646; /* Izpeljano: zelen tekst v značkah Končana in Naprej na green-soft. */
  --orange: #C97A18; /* Opozorilo: ikona in obroba konflikta (3.3:1 na kartici, dovolj za ikone). Tekst  */
  --orange-soft: #FDF3E2; /* Podlaga opozorila na mestu. */
  --orange-ink: #8A5208; /* Izpeljano: besedilo opozorila na orange-soft (5.8:1). */
  --blue: #2E73D2; /* Samo informacija in fokus: obroč fokusa, informativni namig, povezava. Nikoli za */
  --blue-soft: #EAF1FB; /* Izpeljano: podlaga informativnega namiga. */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgba(11,18,32,0.06), 0 12px 32px rgba(11,18,32,0.10);
  --font-display: Manrope, system-ui, sans-serif;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}
.display{font-family:var(--font-display);font-size:40px;line-height:44px;font-weight:800;letter-spacing:-0.02em;}
.h1{font-family:var(--font-display);font-size:28px;line-height:34px;font-weight:800;letter-spacing:-0.015em;}
.h2{font-family:var(--font-display);font-size:20px;line-height:26px;font-weight:800;letter-spacing:-0.01em;}
.h3{font-family:var(--font-display);font-size:16px;line-height:22px;font-weight:800;}
.body{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:400;}
.body-strong{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:600;}
.label{font-family:var(--font-sans);font-size:13px;line-height:18px;font-weight:500;}
.small{font-family:var(--font-sans);font-size:13px;line-height:18px;font-weight:400;}
.caption{font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:500;letter-spacing:0.01em;}
.score-xl{font-family:var(--font-mono);font-size:64px;line-height:64px;font-weight:700;}
.score{font-family:var(--font-mono);font-size:20px;line-height:24px;font-weight:700;}
.num{font-family:var(--font-mono);font-size:14px;line-height:20px;font-weight:500;}
.num-sm{font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:500;}