/* Critical CSS — Header & Hero (above the fold)
   Loaded synchronously to prevent FOUC and improve LCP */

:root {
  --background: 120 15% 98%;
  --foreground: 200 25% 20%;
  --card: 0 0% 100%;
  --card-foreground: 200 25% 20%;
  --popover: 0 0% 100%;
  --popover-foreground: 200 25% 20%;
  --primary: 82 55% 45%;
  --primary-foreground: 0 0% 100%;
  --secondary: 195 45% 55%;
  --secondary-foreground: 0 0% 100%;
  --muted: 120 10% 94%;
  --muted-foreground: 200 15% 45%;
  --accent: 195 65% 50%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 100%;
  --border: 120 10% 88%;
  --input: 120 10% 88%;
  --ring: 82 55% 45%;
  --radius: 0.75rem;
  --sidebar-background: 0 0% 98%;
  --sidebar-foreground: 200 25% 20%;
  --sidebar-primary: 82 55% 45%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 120 10% 94%;
  --sidebar-accent-foreground: 200 25% 20%;
  --sidebar-border: 120 10% 88%;
  --sidebar-ring: 82 55% 45%;
}

.dark {
  --background: 200 25% 10%;
  --foreground: 120 15% 98%;
  --card: 200 25% 12%;
  --card-foreground: 120 15% 98%;
  --popover: 200 25% 12%;
  --popover-foreground: 120 15% 98%;
  --primary: 82 55% 50%;
  --primary-foreground: 200 25% 10%;
  --secondary: 195 45% 45%;
  --secondary-foreground: 0 0% 100%;
  --muted: 200 20% 18%;
  --muted-foreground: 120 10% 65%;
  --accent: 195 65% 55%;
  --accent-foreground: 200 25% 10%;
  --destructive: 0 62% 35%;
  --destructive-foreground: 120 15% 98%;
  --border: 200 20% 20%;
  --input: 200 20% 20%;
  --ring: 82 55% 50%;
  --sidebar-background: 200 25% 10%;
  --sidebar-foreground: 120 15% 98%;
  --sidebar-primary: 82 55% 50%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 200 20% 18%;
  --sidebar-accent-foreground: 120 15% 98%;
  --sidebar-border: 200 20% 20%;
  --sidebar-ring: 82 55% 50%;
}

.bg-gradient-hero {
  background: linear-gradient(135deg, hsl(120 15% 98%) 0%, hsl(120 20% 95%) 50%, hsl(195 25% 92%) 100%);
}