/* ===================================
   VARIABLES.CSS
   Vlož do: assets/css/root/variables.css
=================================== */
:root {
    /* 60% — dominantná: teplá tmavohnedá */
    --brown:       #3B2314;
    --brown-deep:  #271709;
    --brown-mid:   #5C3520;

    /* 30% — sekundárna: krém, piesok, svetlohnedá */
    --cream:       #F6EFE3;
    --cream-warm:  #EDE0CC;
    --sand:        #D4BB98;
    --sand-light:  #EDD9BE;

    /* 10% — akcenty: tmavozelená + zlatá/jantárová */
    --forest:      #2E4A2A;
    --forest-mid:  #3D6137;
    --gold:        #B8882A;
    --gold-light:  #D4A84B;

    /* Funkčné */
    --text:        #3B2314;
    --text-muted:  rgba(59,35,20,0.62);
    --white:       #FFFFFF;

    --display: 'Playfair Display', Georgia, serif;
    --body:    'DM Sans', system-ui, sans-serif;
    --script:  'Caveat', cursive;

    --radius-sm:   6px;
    --radius-md:   16px;
    --radius-lg:   28px;
    --radius-pill: 100px;

    --shadow-sm: 0 2px 12px rgba(59,35,20,0.10);
    --shadow-md: 0 8px 32px rgba(59,35,20,0.15);
    --shadow-lg: 0 24px 64px rgba(59,35,20,0.22);

    --ease: cubic-bezier(0.4, 0, 0.2, 1);
    --transition: 0.38s var(--ease);
}