/* ===========================================================
   VOCALACADEMY.CZ (Markéta Amerighi) · DESIGN TOKENS
   Master hodnot. Kdo chce barvu, font nebo rozestup, bere si ho odsud.
   Změna hodnoty tady se promítne do všech stránek (ukazka.html, prvky.html).

   Směr v2 (2026-09-08): "Theatrical Depth" — téměř černá / zlatá / ivory,
   Playfair Display + Inter. Nahrazuje dřívější Classical Elegance po
   zpětné vazbě (chtělo to víc emoce a dramatičnosti) a po prozkoumání
   referenčního návrhu z Claude Design (bundle "vocalacademy.html").
   Web je teď TMAVÝ VÝCHOZÍ STAV — celý, ne jen střídavé sekce.
   =========================================================== */

:root {
  /* --- Barvy značky --- */
  --barva-hlavni: #0B0B0D;         /* téměř černá — základ celého webu */
  --barva-doplnkova: #17140F;      /* teplý uhlový tón — střídavé/karetní plochy */
  --barva-akcent: #C9A227;         /* divadelní zlatá — jen na to, co má vyskočit */
  --barva-akcent-svetla: #E0BE55;
  --barva-akcent-tmava: #9C7C1E;

  /* --- Plochy a text (web je tmavý vždy, ne jen ve "tmavé sekci") --- */
  --pozadi: #0B0B0D;
  --pozadi-sekce: #141210;         /* mírně světlejší uhlová, střídání sekcí */
  --pozadi-karta: #1A1712;
  --text: #EDE6D6;                 /* teplá ivory, ne čistá bílá */
  --text-tlumeny: #A79E8C;
  --oddelovac: rgba(237, 230, 214, 0.14);

  /* --- "Tmavá" varianta = ještě hlubší černá, pro hero a závěrečnou scénu --- */
  --tmava-pozadi: #08080a;
  --tmava-text: #EDE6D6;
  --tmava-text-tlumeny: rgba(237, 230, 214, 0.62);
  --tmava-oddelovac: rgba(237, 230, 214, 0.16);

  /* --- Písmo --- */
  --font-nadpis: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-text: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --text-zaklad: 17px;
  --text-radek: 1.65;

  /* --- Velikosti (desktop) --- */
  --display: 104px;   /* obří nadpis — hero, závěrečná scéna */
  --h1: 56px;
  --h2: 42px;
  --h3: 28px;
  --h4: 20px;
  --text-velky: 20px;
  --text-maly: 14px;
  --eyebrow: 13px;     /* malý prokletkovaný label — "01 / DOSPĚLÍ", "ZPĚV · PEDAGOGIKA · SCÉNA" */

  /* --- Rozestupy (stupnice) --- */
  --mezera-1: 4px;   --mezera-2: 8px;   --mezera-3: 16px;  --mezera-4: 24px;
  --mezera-5: 32px;  --mezera-6: 48px;  --mezera-7: 64px;  --mezera-8: 96px;

  /* --- Tvar --- */
  --zaobleni-karta: 2px;   /* divadelní ostřejší hrany, ne zaoblený startup vzhled */
  --zaobleni-tlacitko: 2px;
  --stin-karta: 0 20px 60px rgba(0, 0, 0, 0.45);

  /* --- Šířky --- */
  --sirka-obsah: 1180px;
  --sirka-text: 680px;
}

/* Mobilní velikosti nadpisů — stránky je přepnou přes media query, hodnoty zůstávají tady */
@media (max-width: 640px) {
  :root {
    --display: 44px;
    --h1: 32px;
    --h2: 26px;
    --h3: 21px;
    --h4: 18px;
  }
}
@media (min-width: 641px) and (max-width: 1024px) {
  :root { --display: 68px; }
}