/* ============================================================
   ДИЗАЙН-ТОКЕНИ — напрям «Маршрут» (DEC-015)
   Уся айдентика тут. White-label = заміна цього файлу (NFR-052).
   Шрифти у проді — self-host: e-Ukraine Head / Onest / Martian Mono.
   ============================================================ */

:root{
  /* Кольори — світла тема */
  --paper:#F5F6F2; --surface:#FFFFFF; --surface-2:#FAFAF7;
  --text:#14201C; --muted:#586761; --line:rgba(20,32,28,.12);
  --brand:#1F4D3F; --brand-2:#173A30; --brand-soft:rgba(31,77,63,.08);
  --accent:#E8A33D; --accent-ink:#14201C; --accent-soft:rgba(232,163,61,.16);
  --link:#2E6E8E; --lake-soft:rgba(46,110,142,.12);
  --success:#2E7D5B; --warning:#C9860A; --danger:#B23A3A;

  --shadow-1:0 1px 2px rgba(20,32,28,.06),0 4px 14px rgba(20,32,28,.07);
  --shadow-2:0 8px 26px rgba(20,32,28,.14);

  /* Форма */
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-pill:999px;

  /* Простір (база 4px) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;

  /* Типографіка */
  --font-display:"e-Ukraine Head","Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-body:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"Martian Mono",ui-monospace,"JetBrains Mono",Menlo,Consolas,monospace;

  --container:1200px;
}

/* Темна тема — за системною ознакою */
@media (prefers-color-scheme:dark){
  :root{
    --paper:#0E1512; --surface:#161F1B; --surface-2:#1C2621;
    --text:#E9F0EC; --muted:#9BACA3; --line:rgba(233,240,236,.12);
    --brand:#1B4335; --brand-2:#123026; --brand-soft:rgba(120,180,155,.10);
    --accent:#EBAD4E; --accent-ink:#14201C; --accent-soft:rgba(235,173,78,.16);
    --link:#82B9D6; --lake-soft:rgba(130,185,214,.14);
    --shadow-1:0 1px 2px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.35);
    --shadow-2:0 10px 30px rgba(0,0,0,.5);
  }
}

/* Явні перемикачі теми (перекривають системну в обидва боки) */
:root[data-theme="light"]{
  --paper:#F5F6F2; --surface:#FFFFFF; --surface-2:#FAFAF7; --text:#14201C; --muted:#586761;
  --line:rgba(20,32,28,.12); --brand:#1F4D3F; --brand-2:#173A30; --brand-soft:rgba(31,77,63,.08);
  --accent:#E8A33D; --accent-ink:#14201C; --accent-soft:rgba(232,163,61,.16); --link:#2E6E8E;
  --lake-soft:rgba(46,110,142,.12);
  --shadow-1:0 1px 2px rgba(20,32,28,.06),0 4px 14px rgba(20,32,28,.07); --shadow-2:0 8px 26px rgba(20,32,28,.14);
}
:root[data-theme="dark"]{
  --paper:#0E1512; --surface:#161F1B; --surface-2:#1C2621; --text:#E9F0EC; --muted:#9BACA3;
  --line:rgba(233,240,236,.12); --brand:#1B4335; --brand-2:#123026; --brand-soft:rgba(120,180,155,.10);
  --accent:#EBAD4E; --accent-ink:#14201C; --accent-soft:rgba(235,173,78,.16); --link:#82B9D6;
  --lake-soft:rgba(130,185,214,.14);
  --shadow-1:0 1px 2px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.35); --shadow-2:0 10px 30px rgba(0,0,0,.5);
}