/*
 * Designové tokeny (R38).
 *
 * ⚠ TODO: čeká na přístup — bod B4 otevřených bodů.
 * Tohle jsou PROVIZORNÍ hodnoty. Skutečné barvy, písma, rádiusy a odstupy
 * přijdou z `26_brand_tokeny.md`, který vznikne z podkladů od Filipa.
 *
 * Pravidlo, které z toho plyne a které se testuje: **barvy a písma jsou
 * jenom tady.** Probíhající návrat k designu Najbrtů znamená, že se dvacet
 * domén musí dát přebarvit změnou tohohle souboru, ne sáhnutím do dvaceti
 * šablon. V `app.css` nesmí být ani jeden hex kód.
 *
 * Písmo: firemní webfont zatím není licenčně ověřený pro dvacet domén
 * (bod L5), takže jede systémový protějšek. Je to zapsaná odchylka, ne
 * opomenutí — §16.3 s ní počítá.
 */

:root {
    /* ---- barvy: světlý režim -------------------------------------------- */
    --c-bg:            #ffffff;
    --c-bg-soft:       #f6f7f9;
    --c-surface:       #ffffff;
    --c-border:        #e3e6ea;
    --c-border-strong: #c9cfd6;

    --c-text:          #14171c;
    --c-text-muted:    #5d6570;
    --c-text-inverse:  #ffffff;

    --c-accent:        #1d4ed8;
    --c-accent-hover:  #1740b4;
    --c-accent-soft:   #eaf0ff;

    --c-featured:      #b45309;
    --c-featured-soft: #fdf3e6;

    --c-warn-bg:       #fff7ed;
    --c-warn-border:   #f3c892;

    --c-focus:         #1d4ed8;

    /* ---- typografie ------------------------------------------------------ */
    --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-size-base: 16px;
    --line-base: 1.55;

    --fs-h1: 1.95rem;
    --fs-h2: 1.3rem;
    --fs-h3: 1.05rem;
    --fs-small: 0.875rem;

    --fw-normal: 400;
    --fw-medium: 550;
    --fw-bold: 700;

    /* ---- rozměry --------------------------------------------------------- */
    --radius-sm: 4px;
    --radius:    8px;
    --radius-lg: 14px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    --wrap-max: 980px;
    --shadow-card: 0 1px 2px rgba(20, 23, 28, 0.06);
}

/* ---- barvy: tmavý režim -------------------------------------------------- */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --c-bg:            #0f1216;
        --c-bg-soft:       #161a20;
        --c-surface:       #161a20;
        --c-border:        #272d35;
        --c-border-strong: #3a424d;

        --c-text:          #e7eaee;
        --c-text-muted:    #9aa3ae;
        --c-text-inverse:  #0f1216;

        --c-accent:        #8aa9ff;
        --c-accent-hover:  #a8bfff;
        --c-accent-soft:   #1b2440;

        --c-featured:      #f0b24a;
        --c-featured-soft: #2a2114;

        --c-warn-bg:       #2a2114;
        --c-warn-border:   #5c451f;

        --c-focus:         #8aa9ff;

        --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.35);
    }
}

:root[data-theme="dark"] {
    --c-bg:            #0f1216;
    --c-bg-soft:       #161a20;
    --c-surface:       #161a20;
    --c-border:        #272d35;
    --c-border-strong: #3a424d;

    --c-text:          #e7eaee;
    --c-text-muted:    #9aa3ae;
    --c-text-inverse:  #0f1216;

    --c-accent:        #8aa9ff;
    --c-accent-hover:  #a8bfff;
    --c-accent-soft:   #1b2440;

    --c-featured:      #f0b24a;
    --c-featured-soft: #2a2114;

    --c-warn-bg:       #2a2114;
    --c-warn-border:   #5c451f;

    --c-focus:         #8aa9ff;

    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.35);
}