/*==================================================
    WILDFLOWER INFINITY DIGITAL
    VARIABLES
==================================================*/

:root{

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

    --color-primary: #C79A79;
    --color-primary-light: #D8B191;
    --color-primary-dark: #9F755C;

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

    --color-background: #0B0B0B;
    --color-surface: #131313;
    --color-surface-light: #1D1D1D;

    --color-text: #FFFFFF;
    --color-text-light: #D8D8D8;
    --color-text-muted: #A5A5A5;

    --color-border: rgba(255,255,255,.08);



    /*==============================================
        GRADIENTS
    ==============================================*/

    --gradient-primary: linear-gradient(
        135deg,
        #C79A79,
        #D8B191
    );

    --gradient-dark: linear-gradient(
        180deg,
        #131313,
        #090909
    );



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

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

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



    /*==============================================
        FONT WEIGHTS
    ==============================================*/

    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;



    /*==============================================
        FONT SIZES
    ==============================================*/

    --fs-display: 5rem;

    --fs-h1: 4rem;

    --fs-h2: 3rem;

    --fs-h3: 2.25rem;

    --fs-h4: 1.5rem;

    --fs-large: 1.25rem;

    --fs-body: 1rem;

    --fs-small: .95rem;

    --fs-xs: .85rem;



    /*==============================================
        LINE HEIGHT
    ==============================================*/

    --lh-heading: 1.1;

    --lh-body: 1.8;



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

    --container-width: 1400px;

    --container-small: 1200px;

    --container-padding: 25px;



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

    --section-padding: 120px;

    --section-padding-small: 80px;



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

    --radius-small: 10px;

    --radius-medium: 18px;

    --radius-large: 30px;

    --radius-pill: 999px;



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

    --shadow-small:
        0 10px 20px rgba(0,0,0,.15);

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

    --shadow-large:
        0 35px 80px rgba(0,0,0,.35);

    --shadow-primary:
        0 0 30px rgba(199,154,121,.25);



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

    --transition-fast: .25s ease;

    --transition: .35s ease;

    --transition-slow: .6s ease;



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

    --z-dropdown: 100;

    --z-fixed: 500;

    --z-modal: 900;

    --z-loader: 9999;

}