@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');

:root {
    --font-main: 'Montserrat', sans-serif;
    --font-heading: 'Playfair Display', serif;

    
    --bg-body: #050505;
    --bg-card: #0a0a0a;
    --text-main: #f0f0f0;
    --text-muted: #888888;
    --border: rgba(212, 175, 55, 0.2);
    --primary: #D4AF37;
    --accent: #D4AF37;

    
    --gold: #D4AF37;
    --gold-light: #F4D03F;
    --gold-dark: #8E701D;
    --gold-glow: rgba(212, 175, 55, 0.3);

    
    --bg-body-light: var(--bg-body);
    --bg-card-light: var(--bg-card);
    --text-main-light: var(--text-main);
    --text-muted-light: var(--text-muted);
    --border-light: var(--border);
    --primary-light: var(--primary);
    --accent-light: var(--accent);

    
    --bg-body-dark: var(--bg-body);
    --bg-card-dark: var(--bg-card);
    --text-main-dark: var(--text-main);
    --text-muted-dark: var(--text-muted);
    --border-dark: var(--border);
    --primary-dark: var(--primary);
    --accent-dark: var(--accent);

    
    --container-width: 1440px;
    --header-height: 90px;
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;

    
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.6);
    --shadow-xl: 0 24px 60px rgba(0, 0, 0, 0.8);

    
    --elevation-1: 0 2px 4px rgba(0, 0, 0, 0.5);
    --elevation-2: 0 8px 16px rgba(0, 0, 0, 0.6);
    --elevation-3: 0 16px 32px rgba(0, 0, 0, 0.7);

    
    --gradient-primary: linear-gradient(135deg, #D4AF37 0%, #AA8A2E 100%);
    --gradient-accent: linear-gradient(to right, #D4AF37, #F4D03F, #D4AF37);
    --gradient-dark: linear-gradient(180deg, #050505 0%, #111111 100%);
    --gradient-subtle: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(170, 138, 46, 0.05) 100%);
    --gradient-gold-shine: linear-gradient(45deg, #8E701D 0%, #D4AF37 50%, #F4D03F 100%);

    
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="light"] {
    --bg-body: var(--bg-body-dark);
    --bg-card: var(--bg-card-dark);
    --text-main: var(--text-main-dark);
    --text-muted: var(--text-muted-dark);
    --border: var(--border-dark);
    --primary: var(--primary-dark);
    --accent: var(--accent-dark);
}