:root {
    /* Colors */
    --color-primary: #1A1E36;    /* Deep Navy */
    --color-secondary: #D4AF37;  /* Gold */
    --color-accent: #00695C;     /* Teal */
    --color-dark: #222222;       /* Dark Gray */
    --color-gray: #F5F5F5;       /* Light Gray */
    --color-white: #FFFFFF;      /* White */
    
    /* State Colors */
    --color-success: #2E7D32;
    --color-warning: #F9A825;
    --color-danger: #C62828;

    /* Typography */
    --font-heading: 'Cinzel', serif;
    --font-body: 'Inter', sans-serif;

    /* Spacing */
    --spacing-8: 8px;
    --spacing-16: 16px;
    --spacing-24: 24px;
    --spacing-32: 32px;
    --spacing-48: 48px;
    --spacing-64: 64px;
    --spacing-96: 96px;
    --spacing-120: 120px;

    /* Container */
    --container-max-width: 1320px;
    --container-padding: var(--spacing-16);

    /* Borders & Shadows */
    --border-radius: 14px;
    --border-radius-lg: 24px;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.12);
    --shadow-hover: 0 16px 32px rgba(0, 0, 0, 0.15);
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}