:root {
  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.18 0.05 265);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.18 0.05 265);
  --primary: oklch(0.27 0.10 265);
  --primary-foreground: oklch(0.99 0 0);
  --primary-glow: oklch(0.40 0.13 265);
  --secondary: oklch(0.55 0.22 27);
  --secondary-foreground: oklch(0.99 0 0);
  --muted: oklch(0.96 0.005 250);
  --muted-foreground: oklch(0.45 0.03 260);
  --accent: oklch(0.55 0.22 27);
  --accent-foreground: oklch(0.99 0 0);
  --border: oklch(0.92 0.01 255);
  --input: oklch(0.92 0.01 255);
  --ring: oklch(0.27 0.10 265);
  --gradient-hero: linear-gradient(135deg, oklch(0.22 0.10 265) 0%, oklch(0.32 0.12 265) 60%, oklch(0.50 0.20 27) 130%);
  --gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-glow));
  --gradient-accent: linear-gradient(135deg, oklch(0.55 0.22 27), oklch(0.62 0.20 20));
  --shadow-elegant: 0 20px 50px -20px color-mix(in oklab, var(--primary) 35%, transparent);
  --shadow-card: 0 8px 30px -12px color-mix(in oklab, var(--primary) 18%, transparent);
  --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
h1, h2, h3, h4, h5 { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; letter-spacing: -0.02em; }

.bg-gradient-hero    { background-image: var(--gradient-hero); }
.bg-gradient-primary { background-image: var(--gradient-primary); }
.bg-gradient-accent  { background-image: var(--gradient-accent); }
.shadow-elegant      { box-shadow: var(--shadow-elegant); }
.shadow-card-soft    { box-shadow: var(--shadow-card); }
.transition-smooth   { transition: var(--transition-smooth); }
.text-balance        { text-wrap: balance; }
.animate-fade-up     { animation: fade-up 0.7s cubic-bezier(0.16, 1, 0.3, 1) both; }

@keyframes fade-up {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Sensible defaults for form inputs since Tailwind Preflight is CDN-based */
input, textarea, select, button { font: inherit; }

/* Lucide icon sizing helper — the <i data-lucide> is swapped with an <svg> whose classes are copied over. */
[data-lucide] { display: inline-block; }