/* Main page styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Main page color scheme */
  --primary: 220 90% 56%;
  --primary-foreground: 0 0% 100%;
  --secondary: 210 40% 98%;
  --secondary-foreground: 222.2 84% 4.9%;
  --muted: 210 40% 96%;
  --muted-foreground: 215.4 16.3% 46.9%;
  --accent: 210 40% 96%;
  --accent-foreground: 222.2 84% 4.9%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;
  --border: 214.3 31.8% 91.4%;
  --input: 214.3 31.8% 91.4%;
  --ring: 220 90% 56%;
  --background: 0 0% 100%;
  --foreground: 222.2 84% 4.9%;
  --warning: 38 92% 50%;
  --success: 142 76% 36%;
  
  /* Gradients */
  --gradient-hero: linear-gradient(135deg, hsl(220 90% 56%) 0%, hsl(220 90% 40%) 100%);
  --gradient-benefit: linear-gradient(135deg, hsl(210 40% 98%) 0%, hsl(220 90% 96%) 100%);
}

body {
  font-family: 'Inter', sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bg-gradient-hero {
  background: var(--gradient-hero);
}

.bg-gradient-benefit {
  background: var(--gradient-benefit);
}

/* Responsive utilities */
@media (max-width: 768px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}