/* ============================================
   Soubor:  tokeny.css
   Účel:    Všechny design tokeny projektu (Redesign)
   Projekt: Happy Grill & Bar
   Studio:  Riverlab — riverlab.cz
   ============================================ */

:root {

  /* === BARVY === */
  --barva-pozadi:       #FFF9F2;   /* světlá krémová */
  --barva-text-hlavni:  #103064;   /* tmavě modrá */
  --barva-akcent:       #FF7B25;   /* teplá oranžová */
  
  --barva-tlacitko-modra: #103064;
  --barva-tlacitko-modra-hover: #0a1f42;
  
  --barva-akcent-hover: #e06517;
  --barva-text-svetly:  #FFFFFF;
  --barva-text-muted:   rgba(16, 48, 100, 0.7);
  
  /* === TYPOGRAFIE === */
  /* Použijeme systémový nebo jednoduchý Google Font sans-serif (např. DM Sans nebo Roboto) */
  --font-hlavni:        'DM Sans', system-ui, sans-serif;

  /* Velikosti textu */
  --text-xs:    12px;
  --text-sm:    14px;
  --text-base:  16px;
  --text-lg:    18px;
  --text-xl:    22px;
  --text-2xl:   28px;
  --text-3xl:   clamp(32px, 5vw, 48px);
  --text-4xl:   clamp(42px, 7vw, 72px);
  --text-hero:  clamp(64px, 12vw, 120px);

  /* === SPACING === */
  --sp-1:   8px;
  --sp-2:   16px;
  --sp-3:   24px;
  --sp-4:   32px;
  --sp-5:   48px;
  --sp-6:   64px;
  --sp-7:   96px;

  --sekce-padding-v:     var(--sp-7);
  --sekce-padding-v-mob: var(--sp-6);
  --obsah-max:           1400px;
  --obsah-padding:       0 var(--sp-4);

  /* === SHAPE (Zaoblení) === */
  --radius-pill:    9999px;
  --radius-karta:   12px;
  --radius-velky:   16px;
  --radius-maly:    8px;

  /* === ANIMACE === */
  --prechod-rychly: 150ms ease;
  --prechod-pomaly: 300ms ease;
}

@media (max-width: 768px) {
  :root {
    --obsah-padding: 0 var(--sp-2);
  }
}