/* SVAP Group — barvy. Chladné neutrály, zelená jako signál, ne plocha. */
:root {
  /* Base palette */
  --svap-green: #3CD03C;   /* Akcent. CTA, aktivní stavy, uzly, čísla. NIKDY text na světlém. */
  --ink: #26262A;          /* Veškerý text na světlém (ztmavená šedá z loga). */
  --steel: #A9BCDA;        /* Druhý hlas: linky, dělící prvky, hover, pattern. */
  --graphite: #1C1F26;     /* Tmavé plochy: patičky, kontakt, merch. Ne černá. */
  --paper: #FFFFFF;        /* Base. */
  --fog: #F2F4F7;          /* Chladná světlá šedá: pruhy, karty, pozadí. */

  /* Derived / stateful */
  --green-hover: #33BC33;
  --green-dark: #2AA52A;         /* zelená čitelná jen na tmavé; nikdy text na světlém */
  --steel-strong: #7E96BD;       /* steel pro text/ikony na světlém, vyšší kontrast */
  --steel-faint: #DCE3EE;        /* mřížka, jemné linky na světlém */
  --ink-soft: #55555C;           /* sekundární text na světlém */
  --graphite-raise: #262A33;     /* karty na grafitové */
  --paper-dim: rgba(255, 255, 255, 0.72);  /* sekundární text na grafitové */

  /* Semantic aliases */
  --surface-page: var(--paper);
  --surface-alt: var(--fog);
  --surface-dark: var(--graphite);
  --surface-card: var(--paper);
  --text-body: var(--ink);
  --text-secondary: var(--ink-soft);
  --text-on-dark: #FFFFFF;
  --text-secondary-on-dark: var(--paper-dim);
  --text-accent-on-dark: var(--svap-green); /* zelený text jen na grafitové */
  --border-line: var(--steel-faint);
  --border-strong: var(--ink);
  --divider-arrow: var(--steel);
  --cta-bg: var(--svap-green);
  --cta-text: var(--graphite);   /* NIKDY bílý text na zelené */
  --cta-bg-hover: var(--green-hover);
  --link-color: var(--ink);
  --link-underline: var(--svap-green);
  --focus-ring: var(--steel-strong);
}