/**
 * Markov Mozaik Zdravlja — Design Tokens
 * Auto-generated. Do not edit manually.
 */
:root {
    /* ── Core palette ─────────────────────────────── */
    --color-primary:       #dc2626;
    --color-primary-dark:  #b91c1c;
    --color-primary-rgb:   220,38,38;
    --color-secondary:     #fef2f2;
    --color-accent:        #f87171;
    --color-heading:       #1c0606;
    --color-text:          #374151;
    --color-text-light:    #6b7280;
    --color-bg:            #ffffff;
    --color-bg-alt:        #fef2f2;
    --color-border:        #fecaca;
    --color-header-bg:     rgba(255,255,255,0.95);
    --color-header-text:   #1c0606;
    --color-footer-bg:     #1c0606;
    --color-footer-text:   #fecaca;

    /* ── Semantic tokens ──────────────────────────── */
    --color-star:          var(--color-accent);
    --color-success:       #16a34a;
    --color-error:         #dc2626;
    --color-warning-bg:    var(--color-secondary);
    --color-warning-border: var(--color-border);
    --color-warning-text:  var(--color-heading);

    /* ── Typography ───────────────────────────────── */
    --font-heading:        'Josefin Sans', Georgia, serif;
    --font-body:           'Karla', system-ui, sans-serif;

    /* ── Borders & Shadows ────────────────────────── */
    --border-radius:       6px;
    --border-radius-lg:    12px;
    --box-shadow:          0 4px 20px rgba(220,38,38,0.10);
    --box-shadow-hover:    0 12px 40px rgba(0,0,0,0.15);
    --hero-overlay:        linear-gradient(135deg, rgba(220,38,38,0.88) 0%, rgba(185,28,28,0.80) 100%);
    --transition:          0.25s ease;

    /* ── Layout ───────────────────────────────────── */
    --header-height:       72px;
    --container-width:     1400px;
    --section-padding:     100px 0;

    /* ── Spacing scale ────────────────────────────── */
    --space-xs:   4px;
    --space-sm:   8px;
    --space-md:   16px;
    --space-lg:   24px;
    --space-xl:   32px;
    --space-2xl:  48px;
    --space-3xl:  64px;
    --space-4xl:  80px;

    /* ── Typography scale ─────────────────────────── */
    --base-font-size:      15px;
    --line-height:         1.8;
    --heading-weight:      600;
    --heading-transform:   none;
    --heading-letter-spacing: 0.02em;
}