:root {
    /* Colors */
    --color-black: #000000;
    --color-dark-gray: #1a1a1a;
    --color-gold-primary: #d4af78;
    --color-gold-secondary: #ce8e2d;
    --color-gold-dark: #b8914d;
    --color-white: #ffffff;
    --color-off-white: #f5f5f5;
    --color-text-light: #e0e0e0;
    --color-text-dim: #a0a0a0;

    /* Typography */
    --font-heading: 'Cinzel', serif; /* Elegant serif for headings */
    --font-body: 'Lato', sans-serif; /* Clean sans-serif for body */

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 64px;

    /* Borders & Shadows */
    --border-gold: 1px solid var(--color-gold-primary);
    --shadow-gold: 0 4px 15px rgba(212, 175, 120, 0.2);
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    --border-radius-pill: 50px;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-medium: 0.3s ease;
}