/* ============================================================
   Viktor Skoczek — web
   TOKENY — GEN Reality FINÁLNÍ brand (Final_logo_GenReality.pdf)
   Žlutá #F4F85B · světle žlutá #FAFDA4 · šedá #EDEFEE · černá #000
   Font: Figtree (+ Caveat jen na rukopisnou vrstvu).
   Pozor: akcent je SVĚTLÝ — text na něm je vždy černý (--on-accent),
   akcent jako text funguje jen na tmavém pozadí.
   NEEDITOVAT v agentech — sdílený soubor.
   ============================================================ */

/* Fonty se načítají přes <link> v HTML (preconnect + display=swap) — rychlejší než @import */

:root {
  /* --- Barvy (GEN Reality) --- */
  --accent:        #F4F85B;   /* žlutá — CTA plochy, badge, aktivní stavy, highlight na tmavém */
  --on-accent:     #000000;   /* text a ikony NA žluté ploše (nikdy bílá) */
  --accent-text:   #000000;   /* akcentní text na světlém podkladu (žlutá by zmizela) */
  --accent-70:     #F7FA80;
  --accent-40:     #F4F85B;   /* highlight v tmavém hero — plná žlutá svítí na černé */
  --accent-15:     #FAFDA4;   /* světle žlutá — jemná pozadí sekcí / karet */
  --ink:           #000000;   /* text + tmavé plochy */
  --ink-80:        rgba(0,0,0,0.80);
  --ink-60:        #6B6B6B;   /* popisky, muted text */
  --ink-40:        rgba(0,0,0,0.40);
  --ink-10:        rgba(0,0,0,0.10);
  --sand:          #EDEFEE;   /* šedá — karty / neutrální podklady */
  --white:         #FFFFFF;
  --line:          rgba(0,0,0,0.10);

  /* text na tmavém pozadí */
  --on-dark:        #FFFFFF;
  --on-dark-75:     rgba(255,255,255,0.75);
  --on-dark-70:     rgba(255,255,255,0.70);
  --on-dark-60:     rgba(255,255,255,0.60);
  --on-dark-40:     rgba(255,255,255,0.40);
  --on-dark-line:   rgba(255,255,255,0.10);

  /* --- Typografie --- */
  --font-display: 'Figtree', system-ui, sans-serif;  /* nadpisy, velká čísla — 700/800 */
  --font-text:    'Figtree', system-ui, sans-serif;  /* text, UI, tlačítka — 300–600 */
  --font-hand:    'Caveat', cursive;                 /* rukopisná vrstva (poznámky, podpis) */

  /* --- Rádiusy --- */
  --r-pill:  999px;   /* tlačítka, chipy pill */
  --r-card:  24px;    /* karty, fotky */
  --r-chip:  12px;    /* malé prvky, badge */

  /* --- Layout --- */
  --maxw:      1200px;  /* šířka obsahu (kompaktnější, blíž referenci) */
  --gutter:    72px;    /* boční okraj sekcí */
  --section-y: 80px;    /* svislý padding sekcí */
}

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
html, body { overflow-x: hidden; }
body {
  margin: 0;
  font-family: var(--font-text);
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6, p { margin: 0; }
img, svg, video { display: block; max-width: 100%; }
/* width/height atributy slouží jen pro CLS aspect-ratio — výšku řídí CSS */
img { height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
ul, ol { margin: 0; padding: 0; list-style: none; }
input, textarea, select, button { font-family: inherit; }