:root{

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

    --color-background:#FAF9F7;
    --color-surface:#FFFFFF;

    --color-text:#181818;
    --color-text-light:#666666;

    --color-border:#ECECEC;

    --color-accent:#C29A6B;

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

    --font-heading:"Cormorant Garamond",serif;

    --font-body:"Inter",sans-serif;

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

    --space-xs:8px;
    --space-sm:16px;
    --space-md:24px;
    --space-lg:40px;
    --space-xl:60px;
    --space-2xl:100px;

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

    --radius-sm:12px;
    --radius-md:24px;
    --radius-lg:36px;

    /*==============================
      SHADOW
    ==============================*/

    --shadow-soft:
    0 10px 30px rgba(0,0,0,.06);

    --shadow-medium:
    0 20px 60px rgba(0,0,0,.10);

    --shadow-large:
    0 40px 100px rgba(0,0,0,.15);

    /*==============================
      TRANSITION
    ==============================*/

    --transition:.35s ease;

}