/* CSS Variables */
:root {
    /* Colors */
    --bg: #0A0A0A;
    --secondary: #111111;
    --text: #F5F3EE;
    --muted: #A9A39A;
    --gold: #D4B06A;
    --gold-hover: #E0BF7F;
    --border: rgba(255, 255, 255, 0.08);
    --gold-30: rgba(212, 176, 106, 0.3);
    --gold-10: rgba(212, 176, 106, 0.1);
    --gold-05: rgba(212, 176, 106, 0.05);

    /* Typography */
    --font-serif: 'Cormorant Garamond', serif;
    --font-body: 'Inter', sans-serif;

    /* Spacing */
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 32px;
    --space-xl: 64px;
    --space-2xl: 96px;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.4s ease;
    --transition-slow: 0.8s ease;
}