/* HanapHimlay Landing Page Styles */

/* Design Tokens */
:root {
  --background: 210 20% 98%;
  --foreground: 215 25% 16%;
  --card: 0 0% 100%;
  --card-foreground: 215 25% 16%;
  --primary: 215 85% 25%;
  --primary-foreground: 0 0% 98%;
  --primary-hover: 215 85% 20%;
  --secondary: 215 15% 92%;
  --secondary-foreground: 215 25% 16%;
  --muted: 215 15% 95%;
  --muted-foreground: 215 12% 45%;
  --accent: 210 60% 88%;
  --accent-foreground: 215 85% 25%;
  --border: 215 15% 88%;
  --radius: 0.75rem;
  --gradient-hero: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-hover)));
  --shadow-card: 0 4px 16px -4px hsl(215 25% 16% / 0.08);
}

/* Base Styles */
body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: ui-sans-serif, system-ui, sans-serif;
  margin: 0;
  padding: 0;
}

.card-shadow {
  box-shadow: var(--shadow-card);
}

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