/* ZZ — designové tokeny veřejného profilu (směr A „Pod reflektory“, schváleno 25.10.2026).
   Jediný zdroj barev, písma a rozměrů pro web zapiszapasu.cz; pravidla použití v docs/znacka/manual.md.
   Kontrasty (WCAG) u každé dvojice text/pozadí; běžný text ≥ 7 : 1. */

:root {
  /* Pevné barvy značky (nemění se s režimem) */
  --zz-tabule: #0f4d32;      /* hlavní zelená, pruh A */
  --zz-pruh: #145b3c;        /* pruh B posekaného trávníku, jen plochy ≥ 64 px */
  --zz-blesk: #4cc77d;       /* akcent; jako text jen na tmavém (7,6 : 1 na noci) */
  --zz-noc: #0a2419;         /* tmavé pozadí; bílá 16,4 : 1 */
  --zz-panel: #06160f;       /* světelná tabule, rámečky telefonů, patička */
  --zz-bila: #ffffff;        /* text na pruzích (8,1 : 1 na #145b3c) — na pruzích nic jiného */
  --zz-svetla: #1a6b45;      /* zelená světlé doprovodné verze loga */
  --zz-tlumeny-tma: #d5ebdf; /* tlumený text na tabuli a patičce, které jsou tmavé v obou režimech (14,9 : 1 na panelu) */

  /* Sémantické role — tmavý režim */
  --zz-pozadi: var(--zz-noc);
  --zz-plocha: #103626;      /* karty; bílá 13,3 : 1, tlumená 10,6 : 1 */
  --zz-text: #ffffff;
  --zz-tlumeny: #d5ebdf;     /* 13,1 : 1 na noci; NE na pruzích (6,5 : 1) */
  --zz-akcent: #7fe0a3;      /* odkazy, čísla, eyebrow; 10,2 : 1 na noci */
  --zz-cara: rgba(255, 255, 255, .16);
  --zz-slib: #0f4d32;        /* zvýrazněný panel (slib soukromí) */
  --zz-tlacitko: var(--zz-blesk);
  --zz-na-tlacitku: var(--zz-noc);   /* 7,6 : 1 */

  /* Písmo */
  --zz-font-nadpis: 'Big Shoulders', 'Barlow Condensed', sans-serif;  /* 900, verzálky */
  --zz-font-text: 'Barlow', system-ui, sans-serif;                    /* 400 / 600 / 700 */
  --zz-h1: clamp(76px, 8.8vw, 120px);  /* hero: „Ty máš klid.“ na jednom řádku vedle tabule */
  --zz-h2: clamp(52px, 6vw, 84px);
  --zz-h3-panel: 48px;
  --zz-h3-karta: 26px;
  --zz-text-velikost: 20px;  /* všude, i na mobilu */
  --zz-lead: 23px;
  --zz-meta: 18px;           /* nejmenší písmo na webu; nikdy pod 17 px (test) */
  --zz-eyebrow-prolozeni: .14em;

  /* Prostor a tvary */
  --zz-sirka: 1200px;
  --zz-okraj: 40px;          /* mobil (≤ 560 px): 16px */
  --zz-sekce: 104px;         /* svislá mezera sekcí; pásy s pruhy 96px */
  --zz-mezera: 28px;         /* mezi kartami; 24px v řadě kroků */
  --zz-radius-karta: 24px;
  --zz-radius-panel: 28px;
  --zz-radius-telefon: 30px;
  --zz-radius-tlacitko: 999px;
  --zz-pomezni-cara: 4px solid #ffffff;   /* „lajna“ mezi pásem s pruhy a obsahem */
  --zz-pruhy: repeating-linear-gradient(90deg, var(--zz-tabule) 0 120px, var(--zz-pruh) 120px 240px);
  --zz-stin-telefon: 0 24px 60px rgba(0, 0, 0, .4);
}

/* Světlý režim podle systému — pásy s pruhy (hlavička, hero, ukázky, výzva, patička) zůstávají tmavé */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --zz-pozadi: #ffffff;
    --zz-plocha: #eef6f1;      /* text #0f4d32 9,0 : 1 */
    --zz-text: #0f4d32;        /* 9,9 : 1 na bílé */
    --zz-tlumeny: #2f4a3d;     /* 9,7 : 1 na bílé */
    --zz-akcent: #14573a;      /* 8,6 : 1 na bílé, 7,8 na ploše, 7,3 na slibu */
    --zz-cara: #cfe3d7;
    --zz-slib: #e2f1e8;
    --zz-tlacitko: var(--zz-tabule);
    --zz-na-tlacitku: #ffffff; /* 9,9 : 1 */
  }
}
:root[data-theme="light"] {
  --zz-pozadi: #ffffff;
  --zz-plocha: #eef6f1;
  --zz-text: #0f4d32;
  --zz-tlumeny: #2f4a3d;
  --zz-akcent: #14573a;
  --zz-cara: #cfe3d7;
  --zz-slib: #e2f1e8;
  --zz-tlacitko: var(--zz-tabule);
  --zz-na-tlacitku: #ffffff;
}