/* ==========================================================================
   HYPOmetodik — součást rodiny Finance Klein
   --------------------------------------------------------------------------
   JEDNO MÍSTO PRO BARVY, PÍSMA A POLOMĚRY. Zbytek stylů (styly.css,
   prihlaseni.css) čte jen tyhle proměnné, žádnou pevnou barvu nepíše.

   Aplikace je tmavá vždycky (navy plochy), přihlášení je světlé na půl
   obrazovky (navy panel + krémový formulář) — stejně jako FinCRM. Je to
   pracovní nástroj, který má mít v každé kanceláři stejnou tvář, a datová
   škála důvěry (zelená/oranžová/červená) potřebuje tmavou plochu.

   Akcent je zlatá. Žije jen na ovládacích prvcích a značce, NIKDY na stavu
   pravidla: „sporné" je proto posunuté k oranžové, ať se v malém chipu
   nesplete se zlatým tlačítkem.
   ========================================================================== */

:root {
  /* ---------- paleta Finance Klein (zdroj pravdy) ---------- */
  --fk-navy:      #1E2A4A;
  --fk-kremova:   #F5F2EA;
  --fk-ink:       #1B2238;
  --fk-ink-2:     #3F4558;
  --fk-ink-3:     #5A6072;
  --fk-linka:     #D6CFBD;
  --fk-linka-2:   #E4DECF;
  --fk-obrys:     #C9C2AF;
  --fk-mosaz:     #8A6A2F;   /* akcent na světlém */
  --fk-zlata:     #D4B26A;   /* akcent na navy */
  --fk-na-navy-1: #F5F2EA;
  --fk-na-navy-2: #D9D5C8;
  --fk-na-navy-3: #B4BBD0;
  --fk-tma-0:     #0E1426;
  --fk-tma-1:     #121A30;
  --fk-tma-2:     #1A2238;
  --fk-chyba:     #A61E1E;
  --fk-dobre:     #1F6B3A;

  /* ---------- plochy aplikace (tmavé) ---------- */
  --canvas:         var(--fk-tma-0);
  --surface:        var(--fk-tma-1);
  --surface-raised: var(--fk-tma-2);
  --surface-sunken: #0A1020;
  --surface-inv:    var(--fk-kremova);
  --border:         #263052;
  --border-strong:  #3A4670;

  --text:      var(--fk-na-navy-1);
  --text-2:    var(--fk-na-navy-2);
  --text-3:    var(--fk-na-navy-3);
  --text-inv:  var(--fk-tma-0);
  --on-accent: var(--fk-tma-0);

  --accent:         var(--fk-zlata);
  --accent-hover:   #E2C382;
  --accent-pressed: #BF9B52;
  --accent-soft:    #2D2F38;
  --accent-on-soft: #E6CD93;
  --focus:          var(--fk-zlata);
  /* „Poznámky z praxe" jsou odlišené schválně — jiný odstín než zlatý akcent. */
  --award:          #9FB0F2;
  --award-soft:     #1F2A4F;

  /* ---------- datová škála důvěry ---------- */
  --t-high:      #46D07E;  --t-high-soft: #11301F;
  --t-mid:       #F2873A;  --t-mid-soft:  #3A2412;
  --t-low:       #FF6B6B;  --t-low-soft:  #391616;
  --t-unknown:   #9AA3BC;  --t-unknown-soft: #1E2740;

  /* Pětistupňová škála důvěry. Poloměr v kouli i pruh na kartě čtou tyhle tokeny,
     proto musí existovat samostatně — nestačí tři obecné stupně výš. */
  --t-nove: #9AA3BC;  --t-vyvr: #FF6B6B;  --t-spor: #F2873A;  --t-prav: #7DC292;  --t-over: #46D07E;

  --scrim: 0 0 0;

  --r-0: 0px; --r-1: 6px; --r-2: 10px; --r-3: 14px; --r-4: 20px; --r-pill: 999px;

  --font-display: "Spectral", Georgia, "Times New Roman", serif;
  --font-ui: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --ease: cubic-bezier(.2, 0, 0, 1);
  --ease-in: cubic-bezier(.05, .7, .1, 1);
  --ease-out: cubic-bezier(.3, 0, .8, .15);

  --rail-w: 224px;
  /* Tmavá je jediná paleta aplikace. Není tu větev na `prefers-color-scheme`
     ani na `data-theme` — žádné nastavení prohlížeče nesmí appku zbělat. */
  color-scheme: dark;
}

/* Základ, který musí platit dřív, než se načte zbytek — bez toho by se
   před prvním vykreslením blikla bílá. */
html { background: var(--fk-tma-0); }
body { margin: 0; background: var(--canvas); color: var(--text); }
img { max-width: 100%; }
[hidden]:not([hidden=until-found i]) { display: none !important; }