/* Farby – paleta coolors.co/eab822-dad2d8-143642 (pozri CLAUDE.md, sekcia Dizajn) */
:root {
  /* Hlavné farby */
  --farba-primary: #143642;    /* nadpisy, odkazy, focus, hlavička administrácie, vybraný deň a čas */
  --farba-secondary: #4E7280;  /* podporné prvky, čísla krokov, trend v KPI (odvodená z #143642) */
  --farba-accent: #EAB822;     /* všetky tlačidlá (s tmavým textom) */
  --farba-bg: #F4F1F3;         /* pozadie sekcií – svetlý odtieň z #DAD2D8 */
  --farba-text: #0B2129;       /* bežný text (tmavší odtieň #143642) */

  /* Doplnkové farby */
  --farba-biela: #FFFFFF;
  --farba-text-stlmeny: #5B6F78;
  --farba-okraj: #DAD2D8;          /* okraje a mriežka – farba z palety */
  --farba-cta-text: #143642;       /* text na žltom tlačidle */
  --farba-accent-hover: #D6A515;   /* tlačidlo pri prejdení myšou */
  --farba-primary-svetla: #E3EBEE; /* jemné podfarbenie: plocha za kartou v hero, čísla krokov, štítky */
  --farba-tien: rgba(20, 54, 66, 0.08);
  --farba-hlavicka: rgba(255, 255, 255, 0.85); /* polopriesvitná hlavička */

  /* Farby grafov (overené validátorom: sýtosť, svetlosť, rozlíšenie pri farbosleposti, kontrast) */
  --farba-graf-1: #0E7C9E;                    /* hlavná séria */
  --farba-graf-2: #B7791F;                    /* porovnávacia séria */
  --farba-graf-1-plocha: rgba(14, 124, 158, 0.10); /* jemná plocha pod hlavnou čiarou */

  /* Stavové farby (iba na signalizáciu zmeny v dátach) */
  --farba-rast: #2E7D4F;
  --farba-rast-svetla: #E6F2EA;   /* pozadie štítku so zmenou v náhľade reportu */
  --farba-rast-tmava: #25683F;    /* text na svetlozelenom štítku (kontrast AA) */
  --farba-pokles: #B3261E;
  --farba-pokles-svetla: #FBE9E7;
  --farba-varovanie: #A86A12;
}