:root {
  --color-moss-deep: #2B3C2C;
  --color-washi-cream: #FDFCF8;
  --color-ink-charcoal: #1A1A1A;
  --color-negi-white: #EAF4E8;
  --color-shrine-vermilion: #FF4040;
  --color-primary: #162618;
  --color-primary-fixed: #d4e8d1;
  --color-on-surface: #1b1c1a;
  --color-on-surface-variant: #434842;
  --color-outline: #747872;
  --color-outline-variant: #c3c8c0;
  --color-surface: #faf9f5;
  --color-surface-bright: #faf9f5;
  --color-surface-container: #efeeea;
  --color-surface-container-low: #f4f4f0;
  --color-secondary: #576158;
  --color-secondary-container: #dbe5d9;
  --color-on-secondary-container: #5d675e;
  --color-error: #ba1a1a;

  --font-serif: "EB Garamond", Georgia, serif;
  --font-sans: "Hanken Grotesk", system-ui, sans-serif;

  --text-display: clamp(2.5rem, 5vw + 1rem, 4rem);
  --text-headline-lg: clamp(2rem, 3vw + 1rem, 3rem);
  --text-headline-md: clamp(1.5rem, 2vw + 0.75rem, 2rem);
  --text-headline-sm: clamp(1.25rem, 1.5vw + 0.5rem, 1.5rem);
  --text-body-lg: 1.125rem;
  --text-body-md: 1rem;
  --text-label: 0.75rem;

  --spacing-unit: 8px;
  --spacing-gutter: 32px;
  --spacing-margin-mobile: 20px;
  --section-gap: 120px;
  --section-gap-mobile: 64px;
  --container-max: 1280px;
  --radius: 0;
  --transition: 0.2s ease-in-out;
}