:root {
  --font-body: Inter, "Helvetica Neue", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans SC", sans-serif;
  --font-display: Manrope, Inter, "Helvetica Neue", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans SC", sans-serif;

  --color-background: #f7f5f0;
  --color-surface: #ffffff;
  --color-ink: #1f2321;
  --color-muted: #6b706c;
  --color-brand: #26483d;
  --color-brand-strong: #1d3830;
  --color-clay: #c8b79e;
  --color-clay-light: #eee8de;
  --color-kiln: #7b5e49;
  --color-line: #dddcd7;
  --color-placeholder: #e7e4de;
  --color-placeholder-ink: #6b706c;
  --color-on-brand: #ffffff;
  --color-focus: #26483d;

  --radius-media: 4px;
  --radius-card: 6px;
  --radius-control: 5px;

  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-section: clamp(72px, 9vw, 128px);
  --space-section-sm: clamp(48px, 6vw, 80px);

  --wrap: 1280px;
  --gutter: clamp(20px, 4vw, 48px);
  --measure: 68ch;
  --shadow-soft: 0 24px 60px -44px rgba(31, 35, 33, 0.36);
  --transition: 220ms ease;
}