:root {
  /* Soft cream paper + navy ink — warmer than cool grey, not terracotta-cream */
  --ink: #0a1628;
  --ink-soft: #1a2d45;
  --ink-muted: #5a5348;
  --ivory: #f3efe8;
  --stone: #e9e3d8;
  --stone-dark: #cfc5b6;
  /* Darker bronze for AA text on light grounds (~4.6:1 on white) */
  --bronze: #6f5f48;
  --bronze-light: #8a775c;
  --bronze-soft: #8e7a5e;
  --white: #fcfaf6;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-monogram: 'Great Vibes', 'Snell Roundhand', 'Segoe Script', cursive;
  --container: 1280px;
  --container-wide: 1440px;
  --content-measure: 52rem;
  --pad: clamp(24px, 5vw, 64px);
  --section: clamp(80px, 12vw, 140px);
  --section-head-gap: clamp(28px, 4vw, 48px);
  --header-h: 76px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Type scale — shared roles */
  --text-body: 1.05rem;
  --text-body-sm: 0.95rem;
  --text-line: 1.7;
  --text-label: 0.7rem;
  --text-label-tracking: 0.16em;
  --heading-section: clamp(1.75rem, 3.5vw, 2.75rem);
  --heading-hero-page: clamp(2rem, 4.2vw, 3.15rem);
  /* Prose H2: serif optically reads smaller than sans body — keep clear hierarchy */
  --heading-prose-h2: clamp(1.5rem, 2.8vw, 1.85rem);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  /* Soft-rect buttons (theme language); pills use --radius-full */
  --radius-btn: 10px;
  --radius-full: 9999px;
  --shadow: 0 20px 48px rgba(10, 22, 40, 0.08);
  --shadow-soft: 0 8px 28px rgba(10, 22, 40, 0.05);
  --border-soft: 1px solid rgba(10, 22, 40, 0.08);
}

/* Mobile: enlarge prose H2 only (body size unchanged) */
@media (max-width: 768px) {
  :root {
    --heading-prose-h2: clamp(1.55rem, 5.2vw, 1.8rem);
  }
}