:root{

    /*=====================================
      COLORS
    =====================================*/

    --primary:#0F5D46;
    --primary-dark:#0B4736;
    --primary-light:#1D7A5B;

    --secondary:#C9A227;
    --secondary-dark:#A88417;
    --secondary-light:#E3C860;

    --accent:#A0522D;

    --success:#16A34A;
    --warning:#F59E0B;
    --danger:#DC2626;
    --info:#2563EB;

    --white:#FFFFFF;
    --black:#000000;

    --body:#F8F7F2;
    --surface:#FFFFFF;
    --surface-alt:#F3F4F6;

    --heading:#111827;
    --text:#374151;
    --text-light:#6B7280;

    --border:#E5E7EB;

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

    --font-heading:'Poppins',sans-serif;
    --font-body:'Inter',sans-serif;

    --fs-xs:.75rem;
    --fs-sm:.875rem;
    --fs-base:1rem;
    --fs-md:1.125rem;
    --fs-lg:1.25rem;
    --fs-xl:1.5rem;
    --fs-2xl:2rem;
    --fs-3xl:2.75rem;
    --fs-4xl:3.5rem;
    --fs-5xl:4.5rem;

    --fw-light:300;
    --fw-normal:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;
    --fw-black:800;

    --line-height:1.7;

    /*=====================================
      CONTAINER
    =====================================*/

    --container:1280px;

    --header-height:80px;

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

    --space-1:.25rem;
    --space-2:.5rem;
    --space-3:.75rem;
    --space-4:1rem;
    --space-5:1.5rem;
    --space-6:2rem;
    --space-7:3rem;
    --space-8:4rem;
    --space-9:5rem;
    --space-10:6rem;

    /*=====================================
      BORDER RADIUS
    =====================================*/

    --radius-xs:4px;
    --radius-sm:8px;
    --radius:12px;
    --radius-md:16px;
    --radius-lg:24px;
    --radius-xl:32px;
    --radius-round:999px;

    /*=====================================
      SHADOWS
    =====================================*/

    --shadow-xs:0 2px 4px rgba(0,0,0,.04);

    --shadow-sm:0 4px 10px rgba(0,0,0,.08);

    --shadow:
        0 10px 25px rgba(0,0,0,.08);

    --shadow-lg:
        0 20px 40px rgba(0,0,0,.12);

    /*=====================================
      BUTTONS
    =====================================*/

    --btn-padding:14px 30px;

    --btn-radius:10px;

    /*=====================================
      TRANSITIONS
    =====================================*/

    --transition:.3s ease;

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

    --z-dropdown:100;
    --z-sticky:500;
    --z-fixed:1000;
    --z-modal:9999;

}