@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  --primary: #01134A;
  --secondary: #026ED1;
  --accent-blue: #0191EF;
  --primary-green: #48A73C;
  --secondary-green: #155F3F;
  --gold: #D4A843;
  --gold-light: #F5D76E;
  --bg: #F8FAFC;
  --surface: #FFFFFF;
  --heading: #01134A;
  --text: #374151;
  --text-light: #6B7280;

  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;

  --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-slow: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  --shadow-sm: 0 2px 8px rgba(1,19,74,0.04);
  --shadow-md: 0 8px 32px rgba(1,19,74,0.06);
  --shadow-lg: 0 16px 48px rgba(1,19,74,0.08);
  --shadow-xl: 0 24px 64px rgba(1,19,74,0.12);
  --shadow-gold: 0 8px 32px rgba(212,168,67,0.15);
  --shadow-glow: 0 0 40px rgba(1,145,239,0.15);

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}