/* =========================================================================
   BPM Assessment — Design Tokens (Visual Design Phase v1)
   Barvy, typografie a rozestupy podle grafického manuálu.
   Jediný zdroj pravdy pro vizuální jazyk — komponenty čerpají výhradně odsud.
   ========================================================================= */
:root {
  /* ---- Značková paleta ------------------------------------------------- */
  --c-orange:        #FF8A00;   /* primární akce, aktivní stav, progress    */
  --c-orange-strong: #E67D00;   /* hover primární akce                       */
  --c-orange-tint:   #FFF3E5;   /* jemné pozadí vybraného prvku             */
  --c-orange-line:   #FFD9A8;   /* ohraničení vybraného prvku               */

  --c-navy:          #0A1D37;   /* hlavní text, tmavé plochy, navigace      */
  --c-navy-soft:     #16304F;   /* hover tmavých ploch                      */

  --c-slate:         #334B6B;   /* sekundární text, ikony                   */
  --c-muted:         #6C7A90;   /* metadata, tlumený text                   */
  --c-faint:         #9AA6B6;   /* nejtlumenější text / placeholdery        */

  --c-cool:          #E6E8EB;   /* oddělovače, ohraničení, neaktivní stavy  */
  --c-cool-2:        #EEF0F3;   /* jemné plochy komponent                   */
  --c-light:         #F2F4F6;   /* pozadí aplikace                          */
  --c-white:         #FFFFFF;   /* karty, pracovní plochy, modály           */

  /* Červená pouze pro skutečnou chybu / kritické omezení */
  --c-danger:        #C6453B;
  --c-danger-tint:   #FBECEA;

  /* ---- Sémantické role ------------------------------------------------- */
  --text:            var(--c-navy);
  --text-2:          var(--c-slate);
  --text-3:          var(--c-muted);
  --bg:              var(--c-light);
  --surface:         var(--c-white);
  --line:            var(--c-cool);

  /* ---- Typografie ------------------------------------------------------ */
  --font: -apple-system, "SF Pro Display", "SF Pro Text", "Inter",
          system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fs-xs:   12px;
  --fs-sm:   13px;
  --fs-base: 15px;
  --fs-md:   17px;
  --fs-lg:   20px;
  --fs-xl:   26px;
  --fs-2xl:  32px;
  --fs-3xl:  40px;

  --lh-tight: 1.2;
  --lh-base:  1.55;

  /* ---- Poloměry -------------------------------------------------------- */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   22px;
  --r-pill: 999px;

  /* ---- Rozestupy (4pt škála) ------------------------------------------ */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;

  /* ---- Stíny (jemné, klidné) ------------------------------------------ */
  --shadow-sm: 0 1px 2px rgba(10, 29, 55, .05);
  --shadow-md: 0 2px 4px rgba(10, 29, 55, .04), 0 8px 24px rgba(10, 29, 55, .06);
  --shadow-lg: 0 12px 40px rgba(10, 29, 55, .18);

  /* ---- Layout ---------------------------------------------------------- */
  --header-h:  68px;
  --maxw:      1120px;
  --maxw-narrow: 760px;
  --maxw-wide: 1240px;
}