/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap');

:root {
    /* Color Palette */
    --bg-dark-100: #0a0a0d;       /* Deepest carbon black background */
    --bg-dark-200: #111116;       /* Slightly lighter section background */
    --bg-dark-300: #1a1a24;       /* Card and widget backgrounds */
    --bg-dark-400: #252533;       /* Border / hover card state background */
    
    --accent-gold: #f59e0b;       /* High-energy solar amber for highlights */
    --accent-gold-hover: #d97706; /* Hover state amber */
    --accent-gold-glow: rgba(245, 158, 11, 0.3);
    
    --text-primary: #f8fafc;     /* Clear readable light text */
    --text-secondary: #94a3b8;   /* Muted details and descriptions */
    --text-muted: #64748b;       /* Minor labels, footnotes */
    
    --border-color: rgba(255, 255, 255, 0.06);
    --border-hover: rgba(255, 255, 255, 0.12);
    --border-gold: rgba(245, 158, 11, 0.4);
    
    /* Typography */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    /* Structure & Spacing */
    --container-max-width: 1280px;
    --header-height: 80px;
    --mobile-nav-height: 65px;
    
    /* Borders & Shadow Tokens */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-full: 9999px;
    
    --shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 8px 24px -4px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 16px 40px -8px rgba(0, 0, 0, 0.8);
    --shadow-gold-glow: 0 0 20px 0 rgba(245, 158, 11, 0.25);
    
    /* Speed / Performance Transitions */
    --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-premium: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-elastic: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}