:root {
  --background: 210 40% 99%;
  --foreground: 222 40% 12%;
  --card: 0 0% 100%;
 
  --primary: 220 75% 32%;

  --primary-glow: 218 70% 48%;
  --secondary: 8 70% 52%;

  --secondary-glow: 10 78% 62%;
  --accent: 42 90% 55%;

  --muted: 215 25% 96%;
  --muted-foreground: 220 12% 38%;
  --destructive: 0 72% 50%;

  --border: 220 18% 90%;

  --radius: 0.5rem;
  --gradient-hero: linear-gradient(135deg, hsl(220 75% 28%) 0%, hsl(218 70% 42%) 60%, hsl(8 70% 52%) 100%);
  --gradient-brand: linear-gradient(120deg, hsl(220 75% 32%), hsl(8 70% 52%));
  --gradient-soft: linear-gradient(180deg, hsl(210 50% 98%) 0%, hsl(210 40% 96%) 100%);
  --gradient-blue: linear-gradient(135deg, hsl(220 75% 32%), hsl(218 70% 48%));
  --gradient-red: linear-gradient(135deg, hsl(8 70% 52%), hsl(10 78% 62%));
  --gradient-sun: linear-gradient(135deg, hsl(42 90% 55%), hsl(28 85% 58%));

  --shadow-soft: 0 4px 24px -8px hsl(220 50% 25% / 0.10);
  --shadow-glow: 0 12px 40px -12px hsl(220 75% 32% / 0.20);
  --shadow-card: 0 1px 3px 0 hsl(220 30% 20% / 0.1), 0 1px 2px -1px hsl(220 30% 20% / 0.1);

  --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  
  --sidebar-background: 0 0% 98%;
  --sidebar-foreground: 240 5.3% 26.1%;
  --sidebar-primary: 240 5.9% 10%;
  --sidebar-primary-foreground: 0 0% 98%;
  --sidebar-accent: 240 4.8% 95.9%;
  --sidebar-accent-foreground: 240 5.9% 10%;
  --sidebar-border: 220 13% 91%;
  --sidebar-ring: 217.2 91.2% 59.8%;
}

body{
  margin: 0;
}