/* =====================================================================
   tokens.css — design tokeny (téma OCEL = přesná předloha „Rakar")
   Barvy odečteny z předlohy: navy #10183F, oranžová #F4762A.
   Tři stavy světlo/tma; téma se volí atributem data-pack (ocel = bez).
   ===================================================================== */

/* ---------- OCEL (Rakar) · SVĚTLÁ paleta = přesná předloha ---------- */
:root{
  --ground:#FFFFFF;
  --ground-2:#EDEFF2;          /* světle šedé sekce (tým) */
  --surface:#FFFFFF;
  --surface-2:#F3F4F6;         /* světlé karty (důvody) */
  --ink:#10183F;               /* nadpisy, tmavý text */
  --ink-2:#3A4256;
  --muted:#6B7280;             /* běžný text */
  --line:#E8EAEE;
  --line-2:#D7DBE2;
  --accent:#E2620F;            /* oranžová pro TEXT (kontrast na bílé) */
  --accent-fill:#F4762A;       /* oranžová pro PLOCHY (tlačítka) */
  --accent-ink:#FFFFFF;
  --accent-soft:#FDE9DC;
  --dark-block:#10183F;        /* navy sekce */
  --dark-block-2:#182052;      /* navy karty / elevace */
  --dark-block-ink:#FFFFFF;
  --dark-block-muted:#9AA3BE;

  --font-display:"Barlow Condensed","Segoe UI",system-ui,sans-serif;
  --font-body:"Inter","Segoe UI",system-ui,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --display-weight:700;
  --display-tracking:0;

  --radius:16px;               /* karty */
  --radius-lg:24px;
  --radius-panel:32px;         /* velké panely (hero, poptávka) */
  --radius-pill:999px;
  --shadow:0 10px 30px -12px rgba(16,24,63,.12);
  --shadow-card:0 16px 40px -20px rgba(16,24,63,.20);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#0A1030;
    --ground-2:#0E1636;
    --surface:#10183F;
    --surface-2:#182052;
    --ink:#FFFFFF;
    --ink-2:#D5DAEA;
    --muted:#9AA3BE;
    --line:#232C55;
    --line-2:#333C68;
    --accent:#FF9A57;
    --accent-fill:#F4762A;
    --accent-ink:#0A1030;
    --accent-soft:#2A1810;
    --dark-block:#0A1030;
    --dark-block-2:#182052;
    --dark-block-ink:#FFFFFF;
    --dark-block-muted:#9AA3BE;
    --shadow:0 12px 34px -14px rgba(0,0,0,.6);
    --shadow-card:0 18px 44px -20px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"]{
  --ground:#0A1030; --ground-2:#0E1636; --surface:#10183F; --surface-2:#182052;
  --ink:#FFFFFF; --ink-2:#D5DAEA; --muted:#9AA3BE; --line:#232C55; --line-2:#333C68;
  --accent:#FF9A57; --accent-fill:#F4762A; --accent-ink:#0A1030; --accent-soft:#2A1810;
  --dark-block:#0A1030; --dark-block-2:#182052; --dark-block-ink:#FFFFFF; --dark-block-muted:#9AA3BE;
  --shadow:0 12px 34px -14px rgba(0,0,0,.6);
  --shadow-card:0 18px 44px -20px rgba(0,0,0,.7);
}

/* ---------- TÉMA: VODA ---------- */
:root[data-pack="voda"]{
  --accent:#0B6E6D; --accent-fill:#0E8F8D; --accent-ink:#FFFFFF; --accent-soft:#E2F3F2;
  --ground-2:#E4F0F1; --surface-2:#E4F0F1; --dark-block:#0D2A2C; --dark-block-2:#123a3c;
}
@media (prefers-color-scheme:dark){
  :root[data-pack="voda"]:not([data-theme="light"]){
    --accent:#5EDAD0; --accent-fill:#12A8A2; --accent-ink:#04211F; --accent-soft:#0B2A28;
    --ground:#07161A; --surface:#0E222A; --surface-2:#153039; --line:#1C3944; --line-2:#2A5361;
    --dark-block:#153039; --dark-block-2:#1b3d47;
  }
}
:root[data-pack="voda"][data-theme="dark"]{
  --accent:#5EDAD0; --accent-fill:#12A8A2; --accent-ink:#04211F; --accent-soft:#0B2A28;
  --ground:#07161A; --surface:#0E222A; --surface-2:#153039; --line:#1C3944; --line-2:#2A5361;
  --dark-block:#153039; --dark-block-2:#1b3d47;
}

/* ---------- TÉMA: KONTRAST ---------- */
:root[data-pack="kontrast"]{
  --accent:#1D4ED8; --accent-fill:#2F6BFF; --accent-ink:#FFFFFF; --accent-soft:#E6EDFF;
  --radius:4px; --radius-lg:4px; --radius-panel:6px; --display-tracking:-.03em;
  --ground-2:#E8EAEE; --surface-2:#E8EAEE; --dark-block:#0A0C10; --dark-block-2:#151a24;
}
@media (prefers-color-scheme:dark){
  :root[data-pack="kontrast"]:not([data-theme="light"]){
    --accent:#8FB2FF; --accent-fill:#2F6BFF; --accent-ink:#FFFFFF; --accent-soft:#111A2E;
    --ground:#06070A; --surface:#0D1017; --surface-2:#151A24; --line:#1E2530; --line-2:#303B4A;
    --dark-block:#151A24; --dark-block-2:#1c2536;
  }
}
:root[data-pack="kontrast"][data-theme="dark"]{
  --accent:#8FB2FF; --accent-fill:#2F6BFF; --accent-ink:#FFFFFF; --accent-soft:#111A2E;
  --ground:#06070A; --surface:#0D1017; --surface-2:#151A24; --line:#1E2530; --line-2:#303B4A;
  --dark-block:#151A24; --dark-block-2:#1c2536;
}

/* ---------- TÉMA: ZEM ---------- */
:root[data-pack="zem"]{
  --accent:#9C4318; --accent-fill:#BC5620; --accent-ink:#FFFFFF; --accent-soft:#F8EBE2;
  --radius:10px; --radius-lg:14px; --radius-panel:18px; --display-weight:700;
  --ground-2:#EEE7E0; --surface-2:#EEE7E0; --dark-block:#2A1E17; --dark-block-2:#382820;
}
@media (prefers-color-scheme:dark){
  :root[data-pack="zem"]:not([data-theme="light"]){
    --accent:#EC9A6A; --accent-fill:#C2571F; --accent-ink:#1A0F09; --accent-soft:#2B1A10;
    --ground:#130E0A; --surface:#1E1611; --surface-2:#2A201A; --line:#33261E; --line-2:#4A382C;
    --dark-block:#2A201A; --dark-block-2:#372a20;
  }
}
:root[data-pack="zem"][data-theme="dark"]{
  --accent:#EC9A6A; --accent-fill:#C2571F; --accent-ink:#1A0F09; --accent-soft:#2B1A10;
  --ground:#130E0A; --surface:#1E1611; --surface-2:#2A201A; --line:#33261E; --line-2:#4A382C;
  --dark-block:#2A201A; --dark-block-2:#372a20;
}