/*============================================================================
   00-tokens.css — CSS proměnné (single source of truth: barvy, radius, spacing, z-index, transitions)
============================================================================*/

/*============================================================================
   01 — CSS PROMĚNNÉ (single source of truth)
============================================================================*/
:root {
    /* Surfaces */
    --white:        #FFFFFF;
    --cream:        #FFFBF5;
    --cream-2:      #FFF4E6;
    --line:         #EFEDF4;
    --border-soft:  rgba(27, 31, 58, .1);

    /* Text */
    --ink:          #1B1F3A;
    --ink-soft:     #5B6181;
    --muted:        #9CA3B5;

    /* Brand — berry (primární akcent) */
    --berry:        #E94B8B;
    --berry-deep:   #C92E6F;
    --berry-soft:   #FCE4EE;

    /* Secondary — teal */
    --teal:         #14B8A6;
    --teal-deep:    #0F9888;
    --teal-soft:    #D2F4F0;

    /* Accent — yellow */
    --yellow:       #FFCE3A;
    --yellow-soft:  #FFF4C2;

    /* Accent — lilac */
    --lilac:        #9D7BF1;
    --lilac-soft:   #EAE2FA;

    /* Accent — sky */
    --sky:          #5BA8F5;
    --sky-soft:     #DCEBFB;

    /* Accent — blush */
    --blush:        #FFB4B4;
    --blush-soft:   #FFE4E4;

    /* Border radii */
    --radius-sm:    8px;
    --radius-md:    12px;
    --radius-lg:    18px;
    --radius-xl:    24px;
    --radius-2xl:   32px;
    --radius-pill:  999px;

    /* Spacing scale */
    --space-1:   4px;
    --space-2:   8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-5:  20px;
    --space-6:  24px;
    --space-8:  32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;

    /* Z-index */
    --z-header:   50;
    --z-sticky:   30;
    --z-backdrop: 80;   /* drawer backdrop — nad headerem */
    --z-drawer:   90;   /* drawer panel — nad backdropem */
    --z-modal:   100;

    /* Transitions */
    --t-fast: .15s;
    --t-base: .2s;
    --t-slow: .25s;
}


/*============================================================================
   01b — PŘEPIS DIVI GLOBAL FONTŮ

   Divi vkládá vlastní :root proměnné podle nastavení v Theme Options
   a aplikuje je přes `h1..h6 { font-family: var(--et_global_heading_font) }`
   v et-core-unified CSS, které se načítá AŽ ZA naším CSS.

   Nadpisy uvnitř Divi modulů to přežijí (vyhraje specifičtější
   `.et_pb_module h1` z 01-base.css), ale nadpisy z PHP šablon
   (archivy, kategorie, detail) Divi přebije.

   Přepsáním proměnných platí naše typografie všude bez ohledu na to,
   co je zrovna nastavené v Theme Options.
============================================================================*/
:root {
    --et_global_heading_font: 'Manrope', sans-serif !important;
    --et_global_body_font: 'Inter', system-ui, -apple-system, sans-serif !important;
}