/* ============================================================
   TOKENY — barvy, stíny, rozměry
   Tohle je soubor, který budete upravovat nejčastěji.
   Změna proměnné se propíše do celého portálu naráz.

   Portál má JEDEN motiv — světlý. Tmavý režim je vypnutý
   záměrně přes color-scheme níže, takže portál vypadá stejně
   na všech počítačích bez ohledu na nastavení systému.

   Paleta vychází z toho, jak vypadají weby bank: bílé plochy,
   hodně vzduchu, tenké světlé linky místo stínů a tmavá modrá
   použitá střídmě — na tlačítka, aktivní prvky a patičku.
   Firemní červená #E32732 je jen akcent, ne nosná barva.
   ============================================================ */

:root{
  color-scheme: light;

  /* --- firemní barvy z logo manuálu --- */
  --brand-ink:#1a3761;    /* firemní modrá — tlačítka, logo, aktivní prvky */
  --brand-ink-2:#12294a;  /* tmavší odstín pro přechody a hover */
  --brand-mark:#e32732;   /* firemní červená — rozeta v logu, akcenty */
  --on-brand:#ffffff;     /* text na firemní modré */

  /* --- modrá řada --- */
  --navy:#1a3761;         /* odkazy a modré prvky v textu */
  --navy-lift:#24518c;    /* hover odkazů */
  --tint:#eef3fa;         /* světlá modrá plocha — hlavičky tabulek, ikony */
  --tint-2:#dbe6f5;       /* světlá modrá plocha, sytější — linky u ní */
  --red:#c8202b;          /* červená v textu, o něco tmavší kvůli čitelnosti */
  --red-soft:#fdeef0;

  /* --- text a podklady --- */
  --ink:#10233f;          /* nadpisy */
  --body:#3b4c63;         /* běžný text */
  --muted:#5a6b84;        /* doplňkový text — 5,4:1 na bílé */
  --faint:#66768e;        /* popisky a drobný text — 4,6:1 na bílé
                             Světlejší odstín nedávejte: drobné popisky
                             (data, nápovědy pod poli, jednotky u čísel)
                             pak klesnou pod čitelnou hranici 4,5:1. */
  --paper:#f4f7fb;        /* podklad stránky */
  --card:#ffffff;         /* karty a panely */
  --card-2:#f7f9fc;       /* jemně odlišená plocha uvnitř karet */
  --line:#e2e8f1;         /* linky a rámečky */
  --line-soft:#eef2f7;    /* linky uvnitř seznamů */

  /* --- stavové barvy --- */
  --ok:#0f7a52;    --ok-bg:#e8f6f0;
  --warn:#9a6206;  --warn-bg:#fdf4e3;
  --crit:#c02f26;  --crit-bg:#fdeceb;

  /* --- stíny: velmi jemné a vždy s modrým nádechem, nikdy černé --- */
  --shadow:0 1px 2px rgba(16,35,63,.04), 0 4px 16px -8px rgba(16,35,63,.14);
  --shadow-lg:0 1px 3px rgba(16,35,63,.05), 0 18px 44px -22px rgba(16,35,63,.24);

  /* --- rozměry --- */
  --rail:280px;
  --maxw:1180px;
}

/* ============================================================
   BARVY AGEND V DOHLEDOVÉM OKNĚ
   Každá agenda má vlastní odstín, aby se dal proud událostí číst
   podle barvy bez čtení textu. Odstíny jsou záměrně tlumené —
   výrazná zůstává jen bezpečnost, která má být vidět okamžitě.
   ============================================================ */
:root{
  --kat-registrace:#0f7a52;  --kat-registrace-bg:#e8f6f0;
  --kat-smlouvy:#1a3761;     --kat-smlouvy-bg:#eef3fa;
  --kat-audity:#b8451c;      --kat-audity-bg:#fdf0e9;
  --kat-dotazy:#6b3fa0;      --kat-dotazy-bg:#f3eefa;
  --kat-benefity:#0e6b73;    --kat-benefity-bg:#e6f4f5;
  --kat-terminy:#9a6206;     --kat-terminy-bg:#fdf4e3;
  --kat-sluzby:#2c4c8f;      --kat-sluzby-bg:#ecf1fb;
  --kat-partneri:#556070;    --kat-partneri-bg:#f0f2f5;
  --kat-mailing:#1c6ea4;     --kat-mailing-bg:#e9f3fa;
  --kat-bezpecnost:#c02f26;  --kat-bezpecnost-bg:#fdeceb;
}