/*
 * Designové tokeny (R38).
 *
 * Hodnoty jsou brand StartupJobs — převzaté z kalendáře akcí
 * (gitlab.com/mikschik-filip/calendar), aby těch třicet sedm domén splynulo
 * s hlavním webem a mezi sebou. Zdroj pravdy na straně brandu je
 * `04_brand_guidelines.md` / `22_kalendar_brand_vzor.md`.
 *
 * Pravidlo, které z toho plyne a které se testuje: **barvy a písma jsou
 * jenom tady.** V `app.css` nesmí být ani jeden hex kód — jinak by se
 * přebarvení třiceti sedmi domén dělalo sáhnutím do šablon místo do jednoho
 * souboru.
 *
 * Kalendář má tokeny a komponenty v jednom souboru; u nás jsou oddělené
 * právě kvůli tomu testu. Jména tokenů zůstala naše, protože `app.css` je
 * používá všude — změnila se hodnota, ne slovník.
 *
 * ⚠ Tmavý režim tu NENÍ schválně. Brand StartupJobs je světlý a zadání
 * říká, že web má splynout s hlavním. Tmavá varianta by na půlce zařízení
 * ukázala něco jiného než kalendář, což je přesně to, čemu se tu vyhýbáme.
 */

:root {
    /* ---- brand ----------------------------------------------------------- */
    --c-brand:         #003DFF;   /* SJ modrá */
    --c-brand-ink:     #0030CC;   /* tmavší odstín pro hover */
    --c-brand-tint:    #EAF0FF;   /* podklad chipů a zvýraznění */
    --c-black:         #0A0A0A;
    --c-paper:         #F5F7FF;   /* jemný podklad karet a boxů */

    --c-green:         #00D68F;
    --c-red:           #FF5168;
    --c-pink:          #FF5DA2;
    --c-gold:          #FFC24B;

    /* ---- plochy a text --------------------------------------------------- */
    --c-bg:            #ffffff;
    --c-bg-soft:       #F5F7FF;
    --c-surface:       #ffffff;
    /* Dvě síly linek, stejně jako na hlavním webu: světlá u ploch,
       tmavší u ovládacích prvků. */
    --c-border:        #EEEEF2;
    --c-border-strong: #E5E5E9;

    --c-text:          #0A0A0A;
    --c-text-muted:    #5A6786;
    --c-text-inverse:  #ffffff;

    --c-accent:        #003DFF;
    --c-accent-hover:  #0030CC;
    --c-accent-soft:   #EAF0FF;

    --c-featured:      #FFC24B;
    --c-featured-soft: #FFF3D6;
    --c-featured-ink:  #3a2a00;

    --c-warn-bg:       #FFF3D6;
    --c-warn-border:   #FFC24B;

    --c-focus:         #003DFF;

    /* ---- typografie ------------------------------------------------------ */
    /* Fellix je firemní písmo, ale je komerční a bod L5 se ptá, jestli
       licence pokrývá dvacet domén. Do té doby jede Space Grotesk, se kterým
       počítá jako s prvním fallbackem i brand vzor kalendáře.
       Písma se hostují u nás, ne z Google Fonts — viz assets/fonts/fonts.css. */
    --font-head: 'Space Grotesk', -apple-system, system-ui, sans-serif;
    --font-body: 'Inter', -apple-system, system-ui, sans-serif;
    --font-sans: var(--font-body);

    --font-size-base: 16px;
    --line-base: 1.55;

    --fs-h1: clamp(2rem, 4.4vw, 3.05rem);
    --fs-h2: 1.5rem;
    --fs-h3: 1.2rem;
    --fs-small: 0.875rem;

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

    /* Nadpisy mají na hlavním webu stažené prostrkání a nízké proklady. */
    --tracking-head: -0.02em;
    --tracking-eyebrow: 0.16em;
    --line-head: 1.08;

    /* ---- rozměry --------------------------------------------------------- */
    --radius-sm: 4px;
    --radius:    8px;      /* SJ vizuál 2026 */
    --radius-lg: 8px;

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

    /* 1280 − 2×40 = 1200, stejně jako www.startupjobs.cz */
    --wrap-max: 1280px;
    --wrap-pad: 40px;
    --header-h: 74px;

    --shadow-card: 0 4px 14px rgba(20, 40, 120, 0.08);
    --shadow-pop:  0 12px 30px rgba(20, 40, 120, 0.10);

    /* Linka uvnitř tmavé patičky. Průhledná bílá, aby seděla na černé
       ploše nezávisle na tom, jak se posune --c-black. */
    --c-footer-line: rgba(255, 255, 255, 0.14);
    --c-hover-border: #C4D0F2;
}