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

/* CSS Custom Variables - Corporate Professional Theme */
:root {
  --bg-color: #f8fafc; /* Slate 50 (Clean professional white background) */
  --bg-card: #ffffff; /* Pure white content panels */
  --bg-nav: rgba(255, 255, 255, 0.85); /* Frosty white navbar backdrop */
  
  --primary: #b45309; /* Elegant Saffron/Gold (Amber 700) */
  --primary-glow: rgba(180, 83, 9, 0.08);
  --secondary: #047857; /* Deep Emerald Green (Emerald 700) */
  --secondary-glow: rgba(4, 120, 87, 0.08);
  --accent-blue: #0284c7; /* Trade Sky Blue */
  --accent-purple: #6d28d9;
  
  --text-main: #0f172a; /* Slate 900 for high-contrast legible headings */
  --text-muted: #475569; /* Slate 600 for body text readability */
  --border-color: #e2e8f0; /* Slate 200 thin borders */
  --border-hover: #b45309; /* Saffron highlights on focus */
  
  --font-heading: 'Outfit', 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);

  /* Modern Dark Hero Section & Glassmorphic variables */
  --hero-bg-gradient: linear-gradient(135deg, #100624 0%, #050b21 50%, #011b47 100%);
  --hero-text-main: #ffffff;
  --hero-text-muted: #94a3b8; /* Slate 400 */
  --hero-border-color: rgba(255, 255, 255, 0.12);
  --hero-border-hover: rgba(255, 255, 255, 0.25);
  
  /* Vibrant Neon brand color variations for dark gradient backgrounds */
  --primary-neon: #ff9f0a; /* Neon Saffron */
  --secondary-neon: #30d158; /* Neon Emerald */
  --accent-blue-neon: #2f80ed;
}