:root {

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

    --color-primary: #d4af37;
    --color-primary-dark: #b48b1f;
    --color-primary-light: #f3de8a;

    --color-black: #050505;
    --color-dark: #111111;
    --color-dark-2: #181818;
    --color-dark-3: #242424;

    --color-white: #ffffff;
    --color-light: #fafafa;
    --color-light-2: #f3f3f3;
    --color-light-3: #e8e8e8;

    --color-text: #3a3a3a;
    --color-text-light: #767676;

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

    --color-success: #1fa971;
    --color-danger: #d64045;

    --gradient-primary: linear-gradient(
        135deg,
        #f4d978 0%,
        #d4af37 45%,
        #b98710 100%
    );

    --gradient-dark: linear-gradient(
        180deg,
        #151515 0%,
        #090909 100%
    );

    --gradient-glass: linear-gradient(
        180deg,
        rgba(255,255,255,.12),
        rgba(255,255,255,.04)
    );

    --gradient-hero: linear-gradient(
        180deg,
        rgba(0,0,0,.35),
        rgba(0,0,0,.82)
    );



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

    --font-body: "Manrope", sans-serif;
    --font-accent: "Caveat", cursive;

    --font-size-xs: .75rem;
    --font-size-sm: .875rem;
    --font-size-base: 1rem;
    --font-size-md: 1.125rem;
    --font-size-lg: 1.35rem;
    --font-size-xl: 1.75rem;
    --font-size-2xl: 2.4rem;
    --font-size-3xl: 3.5rem;
    --font-size-4xl: 4.8rem;
    --font-size-5xl: 6rem;

    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 800;

    --line-height-tight: 1.05;
    --line-height-heading: 1.15;
    --line-height-base: 1.7;



    /* ==========================================================
       LAYOUT
    ========================================================== */

    --container-width: 1320px;
    --section-spacing: 9rem;

    --header-height: 90px;
    --hero-height: 85vh;

    --border-radius-xs: .5rem;
    --border-radius-sm: .85rem;
    --border-radius: 1.25rem;
    --border-radius-lg: 2rem;
    --border-radius-xl: 2.8rem;
    --border-radius-round: 999px;



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

    --space-xxs: .25rem;
    --space-xs: .5rem;
    --space-sm: .75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 5rem;
    --space-5xl: 7rem;



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

    --shadow-xs:
        0 3px 8px rgba(0,0,0,.05);

    --shadow-sm:
        0 10px 30px rgba(0,0,0,.08);

    --shadow:
        0 18px 45px rgba(0,0,0,.12);

    --shadow-lg:
        0 30px 80px rgba(0,0,0,.18);

    --shadow-xl:
        0 60px 140px rgba(0,0,0,.28);

    --shadow-gold:
        0 0 45px rgba(212,175,55,.35);



    /* ==========================================================
       GLASS
    ========================================================== */

    --glass-bg: rgba(255,255,255,.08);
    --glass-border: rgba(255,255,255,.15);
    --glass-blur: blur(24px);



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

    --transition-fast: .18s ease;
    --transition: .32s cubic-bezier(.22,.61,.36,1);
    --transition-slow: .65s cubic-bezier(.22,.61,.36,1);



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

    --z-background: -1;
    --z-base: 1;
    --z-content: 5;
    --z-header: 100;
    --z-dropdown: 500;
    --z-overlay: 900;
    --z-modal: 9999;

}