:root{

    /* COLORS */

    --clr-primary:#C8A96D;

    --clr-black:#000000;

    --clr-white:#FFFFFF;

    --clr-text:#111111;

    --clr-muted:#6F6F6F;

    --clr-border:#E5E5E5;

    --clr-surface:#F7F7F7;

    /* TYPOGRAPHY */

    --font-primary:"Rajdhani",sans-serif;

    /* FONT SIZES */

    --fs-xs:.875rem;
    --fs-sm:1rem;
    --fs-md:1.25rem;
    --fs-lg:1.5rem;
    --fs-xl:2rem;
    --fs-2xl:3rem;
    --fs-3xl:4rem;
    --fs-hero:clamp(4rem,9vw,7rem);

    /* SPACING */

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

    /* RADIUS */

    --radius-sm:6px;
    --radius-md:10px;
    --radius-lg:16px;
    --radius-xl:24px;

    /* SHADOWS */

    --shadow-sm:0 4px 12px rgba(0,0,0,.08);
    --shadow-md:0 10px 30px rgba(0,0,0,.12);
    --shadow-lg:0 25px 60px rgba(0,0,0,.16);

    /* TRANSITIONS */

    --transition:300ms ease;

    /* CONTAINER */

    --container-width:1200px;

    /* HEADER */

    --header-height:90px;

}