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

:root {
  --radius: 0.75rem;
  --font-heading: 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  --background: oklch(0.985 0.002 90);
  --foreground: oklch(0.205 0.02 260);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.205 0.02 260);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.205 0.02 260);
  --primary: oklch(0.45 0.1 160);
  --primary-foreground: oklch(0.99 0.002 90);
  --secondary: oklch(0.96 0.01 160);
  --secondary-foreground: oklch(0.30 0.06 160);
  --muted: oklch(0.96 0.005 90);
  --muted-foreground: oklch(0.50 0.02 260);
  --accent: oklch(0.94 0.02 160);
  --accent-foreground: oklch(0.30 0.06 160);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.984 0.003 247.858);
  --border: oklch(0.92 0.005 90);
  --input: oklch(0.92 0.005 90);
  --ring: oklch(0.45 0.1 160);
}

* {
  border-color: var(--border);
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}

.text-balance {
  text-wrap: balance;
}

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

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

.animate-fade-up {
  animation: fade-up 0.7s ease-out both;
}

.animate-fade-in {
  animation: fade-in 0.6s ease-out both;
}

.animation-delay-100 { animation-delay: 0.1s; }
.animation-delay-200 { animation-delay: 0.2s; }
.animation-delay-300 { animation-delay: 0.3s; }
.animation-delay-400 { animation-delay: 0.4s; }