/* ==================================================
   DESIGN SYSTEM
================================================== */

:root{

    --primary:#0F4738;
    --primary-light:#1A5D4C;

    --gold:#B88A3B;
    --gold-light:#D3AE67;

    --background:#FAF9F6;

    --white:#FFFFFF;

    --text:#2F3437;

    --gray:#70757A;

    --border:#EAEAEA;

    --shadow-sm:0 10px 20px rgba(0,0,0,.05);
    --shadow-md:0 20px 40px rgba(0,0,0,.08);
    --shadow-lg:0 35px 80px rgba(0,0,0,.10);

    --radius-sm:12px;
    --radius-md:20px;
    --radius-lg:32px;
    --radius-full:999px;

    --transition:.35s ease;

    --container:1200px;

/* ==================================================
   SPACING
================================================== */

--space-1: 0.5rem;      /* 8px */
--space-2: 1rem;        /* 16px */
--space-3: 1.5rem;      /* 24px */
--space-4: 2rem;        /* 32px */
--space-5: 3rem;        /* 48px */
--space-6: 4rem;        /* 64px */
--space-7: 6rem;        /* 96px */
--space-8: 8rem;        /* 128px */

/* ==================================================
   Z-INDEX
================================================== */

--z-header:1000;
--z-menu:900;
--z-overlay:800;
--z-dropdown:700;
--z-default:1;

/* ==================================================
   TYPOGRAPHY
================================================== */

--font-title:'Cormorant Garamond', serif;
--font-text:'Inter', sans-serif;

--fs-xs:.875rem;
--fs-sm:1rem;
--fs-md:1.125rem;
--fs-lg:1.5rem;
--fs-xl:2rem;
--fs-2xl:3rem;
--fs-3xl:4rem;
--fs-4xl:5rem;
}