/* variables.css */
:root {
    /* Colors - Intact */
    --bg-dark: #0a0a0a;
    --bg-darker: #050505;
    --bg-card: #141414;
    --gold-primary: #C5A059;
    --gold-hover: #E3B96A;
    --copper: #B87333;
    --burgundy: #4A0E1B;
    --sand: #C2B280;
    
    --text-main: #EAEAEA;
    --text-muted: #A0A0A0;
    --text-white: #FFFFFF;
    
    /* Typography */
    --font-heading: 'Cinzel', serif;
    --font-body: 'Montserrat', sans-serif;
    
    /* Fluid Spacing & Sizes */
    --section-pad: clamp(4rem, 8vw, 8rem) 10%;
    --transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    
    /* Z-index layers */
    --z-noise: 9998;
    --z-preloader: 9999;
    --z-cursor: 10000;
    --z-header: 2000;
    --z-menu: 1500;
}