/* ==========================================
   VARIABLES
========================================== */

:root {

    /* COLORS */
    --color-background: #090909;
    --color-surface: #111111;
    --color-surface-light: #171717;

    --color-primary: #D6A64F;
    --color-primary-light: #E9C878;
    --color-primary-dark: #B7862C;

    --color-white: #ffffff;

    --color-text: #ECECEC;
    --color-text-light: #D2D2D2;
    --color-text-muted: #9E9E9E;

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

    /* TYPOGRAPHY */
    --font-heading: "Cormorant Garamond", serif;
    --font-body: "Inter", sans-serif;

    --font-size-xs: .75rem;
    --font-size-sm: .875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.85rem;
    --font-size-4xl: 2.5rem;
    --font-size-5xl: 3.25rem;
    --font-size-6xl: 4.4rem;

    /* FONT WEIGHT */
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* LINE HEIGHT */
    --lh-tight: .95;
    --lh-heading: 1.08;
    --lh-body: 1.75;

    /* LAYOUT */
    --container-width: 1360px;
    --container-padding: 32px;

    --header-height: 96px;
    --header-height-scrolled: 76px;
    --header-height-mobile: 76px;

    --section-padding: 64px;
    --section-padding-mobile: 44px;

    /* SPACING */
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.4rem;
    --space-6: 1.9rem;
    --space-7: 2.4rem;
    --space-8: 3rem;
    --space-9: 3.8rem;
    --space-10: 4.8rem;

    /* RADIUS */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-round: 999px;

    /* SHADOWS */
    --shadow-sm: 0 6px 18px rgba(0, 0, 0, .18);
    --shadow-md: 0 18px 45px rgba(0, 0, 0, .30);
    --shadow-lg: 0 30px 70px rgba(0, 0, 0, .42);
    --shadow-gold: 0 0 40px rgba(214, 166, 79, .24);

    /* TRANSITIONS */
    --transition-fast: .2s ease;
    --transition: .35s ease;
    --transition-slow: .6s ease;
    --ease-premium: cubic-bezier(.16, 1, .3, 1);

    /* Z-INDEX SCALE */
    --z-header: 1000;
    --z-mobile-nav: 999;
    --z-overlay: 998;
}