:root{

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

    --color-brand:#b8944f;

    --color-brand-light:#d7b775;

    --color-brand-dark:#8e6a31;

    --color-white:#ffffff;

    --color-black:#000000;

    --color-text:#f5f2ed;

    --color-text-light:#d7d2cb;

    --color-text-muted:#a4a09a;

    --color-border:#343434;

    --color-success:#2e8b57;

    --color-warning:#d49d29;

    --color-error:#c74343;

    --border-light:rgba(255,255,255,.12);
    
    --border-brand:rgba(184,148,79,.35);

        /*
    |--------------------------------------------------------------------------
    | Editorial / Heritage Palette
    |--------------------------------------------------------------------------
    */

    --color-page:#f4f0e8;

    --color-ink:#1f1f1b;

    --color-ink-rgb:31,31,27;

    --color-cream:#f3eee4;

    --color-cream-rgb:243,238,228;

    --color-charcoal:#24241f;

    --color-charcoal-dark:#161613;

    --color-brand-soft:#c1a36a;

    --color-brand-muted:#8b7146;

    --color-brand-line:#9b7c49;

    --color-overlay-dark-rgb:8,8,7;

    --color-placeholder:#26251f;

    --color-placeholder-dark:#11110f;


    /*==============================================================
    # BACKGROUNDS
    ==============================================================*/

    --bg-primary:#000000;

    --bg-secondary:#111111;

    --bg-card:#181818;

    --bg-overlay:rgba(0,0,0,.45);



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

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

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

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



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

    --fs-xs:12px;

    --fs-sm:14px;

    --fs-md:16px;

    --fs-lg:18px;

    --fs-xl:22px;

    --fs-2xl:28px;

    --fs-3xl:36px;

    --fs-4xl:48px;

    --fs-5xl:64px;

    --fs-hero:96px;



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

    --fw-light:300;

    --fw-regular:400;

    --fw-medium:500;

    --fw-semibold:600;

    --fw-bold:700;



    /*==============================================================
    # SPACING (8pt System)
    ==============================================================*/

    --space-1:4px;

    --space-2:8px;

    --space-3:12px;

    --space-4:16px;

    --space-5:24px;

    --space-6:32px;

    --space-7:48px;

    --space-8:64px;

    --space-9:96px;

    --space-10:128px;



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

    --radius-sm:6px;

    --radius-md:12px;

    --radius-lg:20px;

    --radius-xl:40px;



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

    --container-sm:900px;

    --container-md:1200px;

    --container-lg:1440px;



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

    --transition-fast:.2s ease;

    --transition:.35s ease;

    --transition-slow:.6s ease;



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

    --shadow-sm:0 4px 12px rgba(0,0,0,.15);

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

    --shadow-lg:0 20px 70px rgba(0,0,0,.35);



    /*==============================================================
    # Z INDEX
    ==============================================================*/

    --z-header:100;

    --z-menu:500;

    --z-modal:900;

    --z-loader:9999;

}