:root {
  --color-espresso: #37281E;
  --color-warm-white: #F5F0E7;
  --color-travertine: #E6DCCB;
  --color-stone: #D7CDBD;

  --color-bordeaux: #6B2436;
  --color-bordeaux-hover: #8a2f47;
  --color-terracotta: #9C4F38;
  --color-terracotta-on-dark: #C26F56;
  --color-altrosa: #E5C6C3;

  --color-text: var(--color-espresso);
  --color-text-muted: #5A4E43;
  --color-text-meta: #7a6e5e;
  --color-text-faint: #8a7c6a;
  --color-border: #e0d4c1;
  --color-border-strong: #d9cdb8;
  --color-card: #ffffff;
  --color-card-cream: #FBF7ED;
  --color-on-dark: var(--color-warm-white);
  --color-on-dark-muted: #c2a98f;
  --color-on-dark-accent: #e5c6c3;

  --font-serif: 'Lora', 'Iowan Old Style', 'Palatino Linotype', serif;
  --font-sans: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;

  --fs-display: clamp(2.75rem, 0.6rem + 9vw, 8.5rem);
  --fs-h1: clamp(2.75rem, 2.1rem + 2.6vw, 4.5rem);
  --fs-page-h1: clamp(2.25rem, 1.85rem + 1.7vw, 3.25rem);
  --fs-h2: clamp(2rem, 1.65rem + 1.5vw, 2.75rem);
  --fs-h3: clamp(1.25rem, 1.15rem + 0.4vw, 1.625rem);
  --fs-eyebrow: clamp(0.6875rem, 0.66rem + 0.1vw, 0.8125rem);
  --fs-body-lg: clamp(0.9375rem, 0.9rem + 0.15vw, 1.0625rem);
  --fs-body: clamp(0.875rem, 0.85rem + 0.1vw, 0.9375rem);
  --fs-meta: clamp(0.6875rem, 0.66rem + 0.1vw, 0.8125rem);
  --fs-claim-1: clamp(1.375rem, 1.15rem + 0.9vw, 1.75rem);
  --fs-claim-2: clamp(0.9375rem, 0.85rem + 0.3vw, 1.125rem);
  --fs-nav: 0.8125rem;
  --fs-logo: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);

  --lh-tight: 1.1;
  --lh-heading: 1.15;
  --lh-body: 1.6;

  --ls-headline: -0.01em;
  --ls-wordmark: 0.18em;
  --ls-eyebrow: 0.18em;
  --ls-label: 0.16em;
  --ls-descriptor: 0.4em;

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: clamp(2rem, 1.6rem + 1.6vw, 3rem);
  --space-2xl: clamp(2.5rem, 1.9rem + 2.4vw, 4rem);
  --space-3xl: clamp(3rem, 2.2rem + 3.2vw, 5.5rem);

  --section-py: clamp(4.25rem, 3rem + 5vw, 8.5rem);
  --section-px: clamp(1.25rem, 0.5rem + 3vw, 4.5rem);

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 14px;

  --shadow-card: 0 20px 50px rgba(44, 34, 38, 0.12);

  --maxw-content: 40rem;
  --maxw-headline: 56.25rem;
  --maxw-page: 75rem;
  --maxw-wide: 85rem;

  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
}
