/* SOUBOR JE KOPIE Z brand/tokeny/docentka-tokeny.css — NEEDITOVAT.
   Zmeny patri do brand/, pak spustit: python nastroje/synchronizuj-brand.py */

/* ==========================================================================================
   DocEnt.KA — brandové tokeny (jediný zdroj barev, písem a tvarů).

   Odsud čerpá VŠE: web docentka.cz, tiskoviny (nabídka, popis produktu), prezentace i náhledy.
   Aplikace má vlastní kopii rolí v `DocEntKA/KWP.DocEnt/wwwroot/css/docent.css` — hodnoty
   základních barev musí zůstat stejné, aby web a aplikace byly jedna věc.

   Pravidla:
     • Ve stránkách se nikdy nepíše pevná barva, vždy jen proměnná odsud.
     • Kontrasty jsou ověřené podle WCAG 2.1 (hodnoty u jednotlivých rolí).
     • Logo používá jen modrou a zelenou. Jantar je barva KOMUNIKACE, v logu nemá co dělat.
   ========================================================================================== */

:root {
    /* ---------------------------------------------------------------- základní paleta */
    --modra: #030333;          /* základ značky — text, plochy, logo (na bílé 19,7:1) */
    --modra-2: #0A0A4A;        /* světlejší modrá — hover hlavního tlačítka */
    --modra-3: #0B0B3D;        /* plocha v tmavém režimu */

    --zelena: #87AC3D;         /* zelená — PLOCHY a linky (na bílé jen 2,6:1, nikdy na text) */
    --zelena-svetla: #A6CC5A;  /* zelená pro text na tmavém pozadí (na modré 10,7:1) */
    --zelena-tmava: #52711A;   /* zelená pro TEXT a ikony na světlém pozadí (5,6:1) */

    --jantar: #C97B1E;         /* vlastní akcent Docentky — plochy, zvýraznění, grafy (3,3:1) */
    --jantar-svetly: #E8A33C;  /* jantar pro text na tmavém pozadí (na modré 8,6:1) */
    --jantar-text: #8F5612;    /* jantar pro TEXT na světlém pozadí (6,0:1) */
    --jantar-plocha: #FDF3E6;  /* jemná jantarová plocha pod zvýrazněním */

    /* ---------------------------------------------------------------- neutrály (světlý režim) */
    --pozadi: #F0F2F5;
    --plocha: #FFFFFF;
    --plocha-2: #F6F7F9;
    --text: #1A1A2E;
    --text-slaby: #5D6577;     /* na bílé 5,8:1 */
    --nadpis: #030333;
    --linka: #E2E4E9;
    --linka-2: #D5D9E0;

    /* ---------------------------------------------------------------- stavy (shodné s aplikací) */
    --ok: #166534;        --ok-plocha: #DCFCE7;
    --info: #1E40AF;      --info-plocha: #EFF6FF;
    --varovani: #92400E;  --varovani-plocha: #FFFBEB;
    --chyba: #B91C1C;     --chyba-plocha: #FEF2F2;

    /* ---------------------------------------------------------------- typografie */
    --pismo: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --pismo-nadpis: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --pismo-kod: 'Cascadia Mono', Consolas, 'SF Mono', monospace;

    --vel-xs: .78rem;
    --vel-s: .875rem;
    --vel-m: 1rem;
    --vel-l: 1.125rem;
    --vel-h3: 1.35rem;
    --vel-h2: 1.9rem;
    --vel-h1: 2.9rem;
    --vel-hero: 3.6rem;

    --tucne: 600;
    --tucne-vic: 700;
    --radek: 1.6;
    --radek-nadpis: 1.2;

    /* ---------------------------------------------------------------- tvar a prostor */
    --r-s: 6px;
    --r-m: 10px;
    --r-l: 16px;
    --r-xl: 24px;

    --stin-1: 0 1px 2px rgba(3, 3, 51, .06);
    --stin-2: 0 4px 14px rgba(3, 3, 51, .10);
    --stin-3: 0 12px 40px rgba(3, 3, 51, .18);

    --mezera-xs: .5rem;
    --mezera-s: 1rem;
    --mezera-m: 1.75rem;
    --mezera-l: 3rem;
    --mezera-xl: 5rem;

    --max-sirka: 1180px;
    --rychle: .16s ease;

    color-scheme: light;
}

/* ---------------------------------------------------------------- tmavý režim
   Pozadí je odvozené z firemní tmavě modré, zelená i jantar se posouvají do světlejších odstínů. */
:root[data-rezim="tmavy"] {
    --pozadi: #030333;
    --plocha: #0B0B3D;
    --plocha-2: #0F0F47;
    --text: #E6E8F5;
    --text-slaby: #A4A9C9;
    --nadpis: #FFFFFF;
    --linka: #22225F;
    --linka-2: #33337A;

    --zelena-tmava: #A6CC5A;   /* role „zelený text“ se v tmavém režimu obrací */
    --jantar-text: #E8A33C;
    --jantar-plocha: #2E2008;

    --ok: #86EFAC;        --ok-plocha: #0E2A1D;
    --info: #9CC2FF;      --info-plocha: #0F1F55;
    --varovani: #FCD34D;  --varovani-plocha: #2E2508;
    --chyba: #FCA5A5;     --chyba-plocha: #3A1220;

    --stin-1: 0 1px 2px rgba(0, 0, 0, .35);
    --stin-2: 0 4px 14px rgba(0, 0, 0, .45);
    --stin-3: 0 12px 40px rgba(0, 0, 0, .60);

    color-scheme: dark;
}

/* Nastavení systému se respektuje JEN tam, kde si o to stránka řekne atributem data-rezim="auto".
   Bez atributu je stránka vždy světlá — prezentační web a tiskoviny mají mít řízenou podobu
   a nemají se měnit podle toho, jak má návštěvník nastavený počítač. Aplikace DocEnt.KA
   si přepínání řeší sama (volba uživatele > nastavení Správy > systém). */
@media (prefers-color-scheme: dark) {
    :root[data-rezim="auto"] {
        --pozadi: #030333;
        --plocha: #0B0B3D;
        --plocha-2: #0F0F47;
        --text: #E6E8F5;
        --text-slaby: #A4A9C9;
        --nadpis: #FFFFFF;
        --linka: #22225F;
        --linka-2: #33337A;
        --zelena-tmava: #A6CC5A;
        --jantar-text: #E8A33C;
        --jantar-plocha: #2E2008;
        --ok: #86EFAC;        --ok-plocha: #0E2A1D;
        --info: #9CC2FF;      --info-plocha: #0F1F55;
        --varovani: #FCD34D;  --varovani-plocha: #2E2508;
        --chyba: #FCA5A5;     --chyba-plocha: #3A1220;
        color-scheme: dark;
    }
}

/* ---------------------------------------------------------------- tisk
   Tiskoviny (nabídka, popis produktu) jedou vždy na bílém papíře, bez ohledu na režim. */
@media print {
    :root {
        --pozadi: #FFFFFF;
        --plocha: #FFFFFF;
        --plocha-2: #FFFFFF;
        --text: #000000;
        --text-slaby: #444444;
        --nadpis: #030333;
        --linka: #CCCCCC;
        --stin-1: none;
        --stin-2: none;
        --stin-3: none;
    }
}