:root {
  --font-body: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-display: 'Bricolage Grotesque', 'Space Grotesk', sans-serif;
  --color-ink: #1b1b1f;
  --color-muted: #666772;
  --color-bg: #f4f1ec;
  --color-surface: #ffffff;
  --color-accent: #1e6f5c;
  --color-accent-2: #f3b71b;
  --color-danger: #d04f3a;
  --color-border: #ded7cf;
  --radius-lg: 18px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --shadow-soft: 0 10px 30px rgba(33, 33, 33, 0.08);
  --shadow-card: 0 12px 30px rgba(27, 27, 31, 0.12);
}

body {
  font-family: var(--font-body);
  color: var(--color-ink);
  background: radial-gradient(circle at 10% 10%, #fff8e6 0%, transparent 40%),
              radial-gradient(circle at 80% 0%, #e8f6f2 0%, transparent 40%),
              var(--color-bg);
  overscroll-behavior-y: contain;
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
}