/*==================================================
MAISON CINNAMONN
VARIABLES
==================================================*/

:root {

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

    --color-background: #FBF8F2;

    --color-surface: #F5EFE6;

    --color-surface-dark: #F2EEE8;

    --color-text: #1B1B1B;

    --color-text-light: #67615B;

    --color-border: #E7DFD5;

    --color-accent: #B7A590;

    --color-white: #FFFFFF;

    --color-black: #000000;


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

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

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


    /*==================================================
    CONTAINERS
    ==================================================*/

    --container-sm: 900px;

    --container-md: 1200px;

    --container-lg: 1500px;

    --container-xl: 1700px;


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

    --space-xs: 20px;

    --space-sm: 40px;

    --space-md: 80px;

    --space-lg: 140px;

    --space-xl: 220px;


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

    --radius: 0px;


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

    --transition: .35s ease;


    /*==================================================
    HEADER
    ==================================================*/

    --header-height: 92px;


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

    --shadow: 0 10px 40px rgba(0, 0, 0, .05);


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

    --z-header: 1000;

    --z-overlay: 2000;

    --z-modal: 3000;

}