/* ==========================================================================
   KUKI design tokens — hodnoty, žádné komponenty.
   ==========================================================================

   Zdroj pravdy pro barvy a písmo: KUKI-LOGOMANUAL.pdf
     – str. 8  definice barev (HEX / RGB / CMYK / Pantone)
     – str. 11 základní písmo Avenir Next (bold, regular)
     – str. 12 doplňkové písmo Arial

   Tenhle soubor je *vědomý duplikát* palety z `nastav_reloaded/lib/theme.dart`.
   Duplikát, ne generátor: dvě aplikace ve dvou jazycích, generátor by byl dražší
   než ruční synchronizace. Když se mění značková barva, mění se na obou místech
   — jinak se zákaznická zóna a VM rozejdou.

   Barvy z manuálu (blok PRIMÁRNÍ / DOPLŇKOVÉ) se nepřepisují ani neodvozují
   volně; manuál to na str. 10 zakazuje. Odvozené odstíny jsou vyčleněné zvlášť
   a slouží jen k práci s plochami (hover, gradient), ne k reprodukci značky.
   ========================================================================== */

:root {
    /* --- Značkové barvy (logomanuál str. 8) --------------------------------- */
    --kuki-blue: #300091; /* PANTONE 2735 C — primární modrá, hlavní akční barva */
    --kuki-red: #F12E49; /* PANTONE 1787 C — primární červená, destrukce a chyby */
    --kuki-deep: #0F0838; /* PANTONE 276 C  — doplňková tmavá, chrome aplikace */
    --kuki-lime: #BCE54E; /* PANTONE 374 C  — doplňková limetka, jediný akcent */
    --kuki-green: #58C13B; /* PANTONE 360 C  — doplňková zelená, potvrzení */

    /* --- Odvozené odstíny (v manuálu nejsou) -------------------------------- */
    --kuki-blue-light: #5B2FD6; /* světlý konec gradientu, shodné s theme.dart */
    --kuki-blue-hover: #3E13AE;
    --kuki-blue-active: #250071;
    --kuki-red-hover: #D91B36;
    --kuki-green-hover: #46A62C;
    --kuki-plate: #F1F0F8; /* bílá stažená k modré — podložka pod loga kanálů */

    /* Průhledné varianty modré. Tint na ploše musí být průhledný, ne namíchaný
       hex — jinak se rozbije nad barevným řádkem tabulky i v dark modu. */
    --kuki-blue-a04: rgba(48, 0, 145, .04);
    --kuki-blue-a08: rgba(48, 0, 145, .08);
    --kuki-blue-a12: rgba(48, 0, 145, .12);
    --kuki-blue-a18: rgba(48, 0, 145, .18);
    --kuki-blue-a25: rgba(48, 0, 145, .25);

    /* --- Typografie (logomanuál str. 11–12) -------------------------------- */
    /* Arial je v manuálu doplňkové písmo, takže je to legitimní fallback,
       ne náhradní improvizace. */
    --kuki-font-sans: 'Avenir Next', Arial, Helvetica, sans-serif;
    --kuki-font-mono: 'JetBrains Mono', 'Cascadia Mono', Consolas, monospace;

    --kuki-fs-body: .9375rem; /* 15px — hustota administrace, ne marketingu */
    --kuki-fs-sm: .8125rem;
    --kuki-fs-th: .6875rem; /* hlavičky tabulek, verzálky */
    --kuki-lh-body: 1.5;

    --kuki-fw-regular: 400;
    --kuki-fw-medium: 500;
    --kuki-fw-demi: 600;
    --kuki-fw-bold: 700;

    /* --- Rozměry a pohyb --------------------------------------------------- */
    --kuki-radius-sm: .25rem;
    --kuki-radius: .5rem;
    --kuki-radius-lg: .75rem;

    --kuki-shadow-sm: 0 1px 2px rgba(15, 8, 56, .06);
    --kuki-shadow: 0 2px 8px rgba(15, 8, 56, .08);
    --kuki-shadow-raised: 0 4px 14px rgba(15, 8, 56, .14);

    /* Jedna rychlost pro celou aplikaci. Delší přechody v administraci působí
       jako zpomalené UI, ne jako animace. */
    --kuki-transition: 140ms ease;

    --kuki-navbar-h: 56px;
    --kuki-breadcrumb-h: 50px;

    /* --- Sémantická vrstva: světlý režim ------------------------------------
       Obsah zůstává světlý záměrně. Tabulky se čtou celý den; tmavý gradient
       jako v zákaznické zóně sem nepatří, značku nese chrome. */
    --kuki-bg: #FFFFFF;
    --kuki-surface: #FFFFFF;
    --kuki-surface-2: #F4F3F9; /* lišta breadcrumbů, hlavičky tabulek */
    --kuki-surface-3: #EDEBF5; /* sekundární tlačítka, neaktivní plochy */
    --kuki-chrome: var(--kuki-deep); /* navbar */
    --kuki-chrome-text: #FFFFFF;

    --kuki-text: #1B1442;
    --kuki-text-muted: #5F5A7D;
    --kuki-text-inverse: #FFFFFF;

    --kuki-border: var(--kuki-blue-a12);
    --kuki-border-strong: var(--kuki-blue-a25);

    --kuki-row-hover: var(--kuki-blue-a04);
    --kuki-row-target: rgba(188, 229, 78, .32); /* limetka místo staré žluté */
    --kuki-row-target-hover: rgba(188, 229, 78, .45);

    --kuki-focus-ring: rgba(188, 229, 78, .55);
    --kuki-focus-ring-dark-bg: rgba(188, 229, 78, .75);

    --kuki-link: var(--kuki-blue);
    --kuki-link-hover: var(--kuki-blue-hover);
}

/* --- Sémantická vrstva: tmavý režim ---------------------------------------
   Podklady jsou odvozené od doplňkové tmavé #0F0838, ne od neutrální šedé —
   tmavý režim má být tentýž brand, jen ztlumený. Text není čistě bílý; bílá
   na tmavě modré „vibruje“ a v tabulkách to po chvíli unavuje. */
[data-bs-theme="dark"] {
    --kuki-bg: #0B0725;
    --kuki-surface: #150E3D;
    --kuki-surface-2: #1B1450;
    --kuki-surface-3: #241B62;
    --kuki-chrome: #0B0725;
    --kuki-chrome-text: #EDEBF5;

    --kuki-text: #EDEBF5;
    --kuki-text-muted: #A9A2CC;
    --kuki-text-inverse: var(--kuki-deep);

    --kuki-border: rgba(255, 255, 255, .14);
    --kuki-border-strong: rgba(255, 255, 255, .28);

    --kuki-row-hover: rgba(255, 255, 255, .05);
    --kuki-row-target: rgba(188, 229, 78, .22);
    --kuki-row-target-hover: rgba(188, 229, 78, .3);

    --kuki-focus-ring: var(--kuki-focus-ring-dark-bg);

    /* Sytá #300091 na tmavém podkladu ztmavne do nečitelna — akce se v dark
       modu nese světlejším odvozeným odstínem. */
    --kuki-link: #C9B9FF;
    --kuki-link-hover: #E2D9FF;

    --kuki-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
    --kuki-shadow: 0 2px 8px rgba(0, 0, 0, .45);
    --kuki-shadow-raised: 0 4px 14px rgba(0, 0, 0, .55);
}