:root {
    /* --------------------------------------------------
       FARBY
    -------------------------------------------------- */
    --background: #F8F7F3;
    --surface: #FFFFFF;
    --surface-alt: #F2F0EA;
    --text: #2E312C;
    --text-light: #6D716A;
    --primary: #5C6B57;
    --primary-hover: #4F5D4B;
    --accent: #A88C63;
    --border: #E5E1D8;
    /* --------------------------------------------------
       TYPOGRAFIA
    -------------------------------------------------- */
    --font-heading: "Cormorant Garamond", serif;
    --font-body: "Inter", sans-serif;
    --font-size-xs: .875rem;
    --font-size-sm: 1rem;
    --font-size-md: 1.125rem;
    --font-size-lg: 1.5rem;
    --font-size-xl: 2.5rem;
    --font-size-hero: clamp(2.8rem, 6vw, 5rem);
    --line-height: 1.7;
    /* --------------------------------------------------
       ROZMERY
    -------------------------------------------------- */
    --container: 1320px;
    --header-height: 72px;
    --radius-sm: 8px;
    --radius: 16px;
    --radius-lg: 28px;
    /* --------------------------------------------------
       ROZOSTUPY
    -------------------------------------------------- */
    --space-xs: .5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 6rem;
    --space-section: 8rem;
    /* --------------------------------------------------
       TIENE
    -------------------------------------------------- */
    --shadow-sm:
        0 8px 20px rgba(0,0,0,.05);
    --shadow:
        0 18px 40px rgba(0,0,0,.08);
    --shadow-lg:
        0 28px 70px rgba(0,0,0,.12);
    /* --------------------------------------------------
       ANIMÁCIE
    -------------------------------------------------- */
    --transition:
        .25s ease;
}