/* ===========================================================
   PŘIJÍMAČKY Z MATEMATIKY · DESIGN TOKENS — „sešit"
   Jediné místo, kde bydlí hodnoty. Tokeny podle ROLE, ne barvy.

   Nápad, na kterém to stojí: web vypadá jako sešit lektorky.
   Čtverečkovaný papír, modrý inkoust, červená opravovací
   tužka. Je to její řemeslo — a nikdo to nezkopíruje.

   Drží pravidlo 60-30-10 z references/barvy.md:
   papír 60 % · inkoust 30 % · červená tužka 10 % (jen tlačítka)
   =========================================================== */

:root {
  /* --- Inkoust: hlavní barva, 30 % plochy --- */
  --hlavni:        #23406B;   /* modročerný inkoust */
  --hlavni-tmava:  #16294A;
  --hlavni-svetla: #5C7CA8;
  --hlavni-jemna:  #E4EAF3;

  /* --- Opravovací tužka: akcent, 10 %, JEN tlačítka a opravy --- */
  --akcent:        #C0402B;   /* bílý text má na ní kontrast 5,6 : 1 */
  --akcent-tmavy:  #A3331F;
  --akcent-jemny:  #FBEDE9;
  --akcent-stin:        rgba(192, 64, 43, .24);
  --akcent-stin-silny:  rgba(192, 64, 43, .32);

  --zvyraznovac:   #FDE8A8;   /* zvýrazňovač, jaký má člověk v penálu */

  /* --- Papír: 60 % plochy --- */
  --pozadi:        #FCFBF7;   /* teplý papír, ne monitorová bílá */
  --pozadi-sekce:  rgba(216, 202, 174, .32);   /* PRŮSVITNÁ — mřížka musí procházet skrz */
  --pozadi-karta:  #FFFEFB;
  --text:          #24262B;   /* měkká grafitová, ne čistá černá */
  --text-tlumeny:  #625F58;
  --oddelovac:     #E3DED1;
  --mrizka:        rgba(94, 128, 176, .17);   /* linky čtverečkovaného papíru */
  --mrizka-svetla: rgba(255, 255, 255, .09);

  /* --- Tmavý pás (sekce „podpora na WhatsAppu") --- */
  --pas-od:    #2C4C7C;
  --pas-stred: var(--hlavni);
  --pas-do:    var(--hlavni-tmava);
  --pas-zare:  rgba(255, 255, 255, .08);

  --text-na-tmavem: #E5EAF2;

  /* --- Telefon s konverzací --- */
  --telefon-ram:        #171B22;
  --telefon-displej:    #EFE7DE;   /* béžové pozadí chatu, jako má WhatsApp */
  --telefon-text:       #111B21;
  --telefon-bublina-od: #FFFFFF;   /* příchozí zpráva */
  --telefon-bublina-ja: #D9FDD3;   /* odchozí zpráva — zelená WhatsAppu */
  --telefon-zelena:     #1D7A62;   /* ovládací prvky v chatu */

  /* --- Písmo --- */
  --font-nadpis: "Newsreader", Georgia, serif;       /* klidné, knižní, důvěryhodné */
  --font-text:   "Inter", -apple-system, "Segoe UI", sans-serif;
  --font-rukou:  "Caveat", "Segoe Script", cursive;  /* JEN poznámky na okraji, nikdy odstavce */

  --text-zaklad: 18px;
  --text-radek:  1.68;

  /* --- Rozestupy --- */
  --m1: 4px;   --m2: 8px;   --m3: 16px;  --m4: 24px;
  --m5: 32px;  --m6: 48px;  --m7: 64px;  --m8: 96px;

  /* --- Tvar --- */
  --zaobleni-karta:    10px;   /* papír se moc nezaobluje */
  --zaobleni-tlacitko: 8px;
  --stin-karta:    0 1px 2px rgba(36, 38, 43, .05), 0 10px 26px rgba(36, 38, 43, .055);
  --stin-zvednuty: 0 14px 42px rgba(36, 38, 43, .14);

  /* --- Šířky --- */
  --sirka-obsah: 1120px;
  --sirka-text:  700px;
}