/* Scitipedie — design tokeny (Fáze B, redesign)
   Cíl: security_framework/static/css/tokens.css, načítat v base.html PŘED site.css.
   Zásady: mint VÝHRADNĚ AI funkce + aktivní stavy · navy jen chrome (header/
   sidebar/footer) a primární tlačítka · sektorové barvy z DB (Vrstva.barva)
   předávat inline jako --vrstva-barva · žádné hex mimo tento soubor. */
:root {
  /* brand */
  --sc-ink: #00173c;        /* SUDOP CIT navy — chrome, nadpisy, primární tlačítka */
  --sc-ink-2: #0a2a57;      /* zvednutá tmavá plocha (hover na navy) */
  --sc-accent: #2b59d9;     /* interaktivní modrá — odkazy, aktivní prvky na světlé */
  --sc-accent-ink: #1e40a3;
  --sc-accent-tint: #eaf0fd;
  --sc-mint: #9af7ec;       /* SUDOP CIT mint — JEN AI + aktivní stavy (na tmavé) */
  --sc-mint-tint: #e4fbf7;  /* mint podklad na světlé (AI panely, AI tlačítka) */
  --sc-mint-ink: #0b6d61;   /* mint text/ikony na světlé */
  /* neutrály (chladné) */
  --sc-bg: #f5f7fb;         /* pozadí stránky */
  --sc-card: #ffffff;
  --sc-line: #e3e9f4;       /* linky karet, oddělovače */
  --sc-line-2: #d3dcec;     /* linky polí a tlačítek */
  --sc-row-line: #eef2f9;   /* oddělovač řádků tabulky */
  --sc-head-bg: #f8fafd;    /* podklad hlavičky tabulky + hover řádku */
  --sc-text: #1b2a45;
  --sc-muted: #5c6b86;
  --sc-faint: #8b97ad;
  /* chip (neutrální štítek) */
  --sc-chip-bg: #eef2fa;  --sc-chip-text: #3d4f6e;  --sc-chip-line: #e0e7f4;
  /* sémantika */
  --sc-ok: #178a56;   --sc-ok-tint: #e6f6ee;
  --sc-warn: #a97a14; --sc-warn-tint: #fdf5e3;
  --sc-bad: #c53a31;  --sc-bad-tint: #fceceb;
  /* sidebar (na navy) */
  --sc-nav-fg: rgba(255,255,255,.78);
  --sc-nav-fg-dim: rgba(255,255,255,.45);
  --sc-nav-hover: rgba(255,255,255,.06);
  --sc-nav-active-bg: rgba(154,247,236,.13); /* mint = aktivní stav */
  --sc-nav-line: rgba(255,255,255,.12);
  /* tvar & hloubka */
  --sc-r-card: 12px;  --sc-r-btn: 8px;  --sc-r-pill: 999px;
  --sc-sh-1: 0 1px 2px rgba(0, 23, 60, .05);
  --sc-sh-2: 0 10px 30px -14px rgba(0, 23, 60, .22);
  --sc-focus: 0 0 0 3px rgba(43, 89, 217, .25); /* focus ring polí a tlačítek */
  /* spacing (4px mřížka) */
  --sc-s-1: 4px; --sc-s-2: 8px; --sc-s-3: 12px; --sc-s-4: 16px;
  --sc-s-5: 20px; --sc-s-6: 24px; --sc-s-8: 32px; --sc-s-10: 40px;
  /* layout */
  --sc-sidebar-w: 264px;  --sc-topbar-h: 58px;
  /* typografie */
  --sc-font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
  /* nadpisy 700–800, letter-spacing -.015 až -.025em; čísla v tabulkách:
     font-variant-numeric: tabular-nums; overline štítky 10.5–11px/700,
     letter-spacing .08–.12em, uppercase, barva --sc-faint/--sc-muted */
}

/* Mapování na Bootstrap 5.3 CSS proměnné — stačí načíst po bootstrap.min.css */
:root {
  --bs-body-bg: var(--sc-bg);
  --bs-body-color: var(--sc-text);
  --bs-body-font-family: var(--sc-font-sans);
  --bs-border-color: var(--sc-line);
  --bs-link-color: var(--sc-accent);
  --bs-link-hover-color: var(--sc-accent-ink);
  --bs-primary: var(--sc-ink);
  --bs-primary-rgb: 0, 23, 60;
  --bs-secondary-color: var(--sc-muted);
  --bs-success: var(--sc-ok);
  --bs-warning: var(--sc-warn);
  --bs-danger: var(--sc-bad);
  --bs-border-radius: var(--sc-r-btn);
  --bs-border-radius-lg: var(--sc-r-card);
  --bs-border-radius-pill: var(--sc-r-pill);
}