:root {
  --color-primary: #003527;
  --color-primary-container: #064e3b;
  --color-on-primary: #ffffff;
  --color-background: #fcf9f8;
  --color-surface: #fcf9f8;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f6f3f2;
  --color-surface-container: #f0ebe9;
  --color-on-surface: #1c1b1b;
  --color-on-surface-variant: #494544;
  --color-outline-variant: rgba(28, 27, 27, 0.15);

  --font-display: "Newsreader", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;

  --text-display-lg: clamp(2.25rem, 4vw + 1rem, 3.5rem);
  --text-headline: clamp(1.75rem, 2vw + 1rem, 2.25rem);
  --text-title: 1.125rem;
  --text-body-md: 0.875rem;
  --text-label-md: 0.75rem;

  --space-section: clamp(4rem, 10vw, 7rem);
  --space-block: 2.75rem;
  --space-gutter: clamp(1.25rem, 4vw, 3rem);

  --shadow-ambient: 0 20px 40px rgba(28, 27, 27, 0.04);
  --radius: 0;
  --radius-media: 0.5rem;
}