:root {
  --page-bg: #e7e2db;
  --surface-1: #f4f1ec;
  --surface-2: #fcfaf7;
  --surface-3: #ece7e0;
  --border-soft: #d3cbc1;
  --text-strong: #1f2321;
  --text-body: #4c5752;
  --text-muted: #6f7a74;
  --accent: #1f8f6d;
  --accent-deep: #176d54;
  --shadow-soft: 0 18px 48px -28px rgba(62, 74, 68, 0.28);
  --radius-xl: 2rem;
  --radius-lg: 1.5rem;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Manrope", system-ui, sans-serif;
}

h1,
h2,
h3,
.brand-display,
.brand {
  font-family: "Space Grotesk", "Manrope", system-ui, sans-serif;
  letter-spacing: -0.04em;
  text-wrap: balance;
}