/* ============================================================
   theme.css — JEDNO místo pravdy pro barvy a design tokeny.
   Načítá se na hlavní stránce (index.php), na podstránkách
   (_site.php), v portálu, účtu i administraci.

   Web je celý námořnicky modrý. Zlatá se dřív používala jako
   druhý akcent, ale působila cize a nesouvisle — je pryč.
   Místo ní jsou dva odstíny téže modré:

     --accent          na světlém pozadí (odkazy, tlačítka)
     --accent-on-dark  na tmavém pozadí (eyebrow, ikony v hero)

   Navy na téměř černém pozadí není čitelná, proto ten druhý
   odstín — je to stejná modrá, jen prosvětlená.

   Nikde jinde barvu nedefinujte.
   ============================================================ */

:root {
  /* Text a povrchy */
  --ink:        #0B0C14;
  --ink-soft:   #3D3F52;
  --ink-muted:  #8A8DA6;
  --surface:    #FAFAF7;
  --surface-2:  #F1F1EC;
  --border:     #E4E4DC;

  /* Hlavní akcent — námořnická modř. Používá se na odkazy,
     fokus stavy, aktivní prvky a grafy. */
  --accent:       #1B3A7A;
  --accent-light: #E8EDF7;
  --accent-glow:  rgba(27, 58, 122, .18);
  --accent-hover: #16305F;

  /* Tentýž akcent, jen prosvětlený — pro text a ikony na tmavém
     pozadí, kde by navy zanikla. Odpovídá modré, kterou už hlavní
     stránka používá v hero (text-blue-200 / #93C5FD). */
  --accent-on-dark: #93C5FD;
  --accent-tint:    rgba(27, 58, 122, .08);

  /* Stavové barvy (sjednocené napříč webem i administrací) */
  --ok:      #059669;
  --ok-soft: #D1FAE5;
  --warn:      #B45309;
  --warn-soft: #FEF3C7;
  --err:      #DC2626;
  --err-soft: #FEE2E2;
  --info:      #1B3A7A;
  --info-soft: #E8EDF7;
}

/* ============================================================
   Doplňkové utility třídy
   ------------------------------------------------------------
   assets/tailwind.css je PŘEDKOMPILOVANÝ — obsahuje jen třídy,
   které existovaly v době buildu. Nově použité „arbitrary value"
   třídy (v hranatých závorkách) v něm chybí a bez tohohle bloku
   by prostě nic nedělaly: text by zůstal neobarvený, layout
   rozpadlý. Přesně tím trpěla dřív zlatá na hlavní stránce.

   Kdo umí spustit build (dntupload/build/), může tenhle blok
   smazat a vygenerovat CSS znovu. Do té doby je tady.
   ============================================================ */

/* Světlý odstín akcentu pro tmavá pozadí */
.text-\[var\(--accent-on-dark\)\] { color: var(--accent-on-dark); }
.bg-\[var\(--accent-on-dark\)\]   { background-color: var(--accent-on-dark); }
.decoration-\[var\(--accent\)\]   { text-decoration-color: var(--accent); }
.border-\[var\(--accent\)\]\/30   { border-color: rgba(27, 58, 122, .3); }
/* Aktivní záložka v účtu — splývá s pozadím obsahu pod ní. */
.border-\[var\(--surface\)\]     { border-color: var(--surface); }
.hover\:bg-\[var\(--accent-hover\)\]:hover { background-color: var(--accent-hover); }

/* Rozměry — checkboxy v checklistu, spojnice v časových osách */
.w-\[18px\]     { width: 18px; }
.h-\[18px\]     { height: 18px; }
.min-h-\[24px\] { min-height: 24px; }
.min-h-\[26px\] { min-height: 26px; }
.min-w-\[92px\] { min-width: 92px; }
.basis-\[92px\]  { flex-basis: 92px; }

/* Pruh se stavem přihlášky, když je nad ním ještě oznámení */
.top-\[97px\]   { top: 97px; }

/* Rám stránek účtu: boční navigace + obsah */
@media (min-width: 768px) {
  .md\:grid-cols-\[220px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 220px minmax(0, 1fr);
  }
  .md\:top-\[76px\] { top: 76px; }
}