/* Firemní záložna — brand token overrides (světlá verze: bílý web, tmavý jen text) */
:root {
  /* "bg" plochy (nav, hero, footer) jsou bílé; "darker" je světle fialový povrch karet */
  --brand-bg: #ffffff;
  --brand-bg-rgb: 255, 255, 255;
  --brand-darker: #f6f3fb;
  --brand-surface: #f5f2fa;
  --brand-accent: #37357f;
  /* pozor: tokeny "text-on-dark" nesou na světlém webu TMAVÝ text (sémantika = text na brand pozadí) */
  --brand-text-on-dark: #1c2228;
  --brand-text-on-dark-rgb: 28, 34, 40;
  /* sdílený --text-muted z cfg-base (#73757a) na fialovém surface padá pod AA 4,5:1 (4,16).
     #6b6d72 je stejný šedý tón, na #f5f2fa má 4,68:1. */
  --text-muted: #6b6d72;
  /* vedlejší text na tmavém indigu / footeru — min. ~0.65 kvůli AA na #211f47 */
  --fz-on-dark-muted: rgba(255, 255, 255, .72);
  --fz-on-dark-soft: rgba(255, 255, 255, .65);

  /* FZ-specific tokens: přechod indigo → lososová, ve dvou silách.

     --fz-grad       výchozí a BEZPEČNÝ. Všude, kde na přechodu leží bílý text
                     (tlačítka, badge, karty). Pravý konec #b8556f je nejsvětlejší
                     lososová, která ještě drží WCAG AA 4,5:1 (má 4,60:1).
                     Nový prvek vždy začni tímto tokenem.

     --fz-grad-light plná světlá lososová podle předlohy. VÝHRADNĚ pro gradientový
                     text (background-clip: text) ve velkých nadpisech, kde platí
                     mírnější limit 3:1. Odstín #d76987 je zvolený tak, aby prošel
                     i na světle fialovém povrchu --brand-darker (3,06:1); ještě
                     světlejší #d9718f by tam spadl na 2,85:1.
                     NEPOUŽÍVAT na plochy s bílým textem, tam má jen 3,35:1. */
  --fz-grad: linear-gradient(135deg, #37357f, #E46299);
  --fz-grad-light: linear-gradient(135deg, #45409f, #E46299);
  --fz-grad-soft: linear-gradient(135deg, rgba(55, 53, 127, .12), rgba(230, 20, 76, 0.14));
  --fz-accent-dark: #37357f;
  --fz-accent-rgb: 55, 53, 127;
  /* konec gradientu hero sekce — sdílí ho i výplň šipky na hraně další sekce,
     aby propad linky vypadal jako výběžek hera (viz .fz-section__arrow) */
  --fz-hero-end: #f7f3fc;
  --fz-success: #1d7a44;
  --fz-error: #b02a2a;
  --fz-r: 6px;
  /* banka-light: ostřejší radius pro FZ komponenty */

  /* FZ: menší vertikální mezery mezi sekcemi než u ostatních webů */
  --py: 96px;
}

@media (max-width: 1024px) {
  :root {
    --py: 72px;
  }
}

@media (max-width: 640px) {
  :root {
    --py: 56px;
  }
}