:root {
  /* Brand colors — initial values sampled/approximated from the approved Figma export. */
  --hc-color-primary: #1e574f;
  --hc-color-primary-700: #194b45;
  --hc-color-primary-dark: #11201d;
  --hc-color-accent: #c68a2b;
  --hc-color-bg: #fafbfb;
  --hc-color-surface: #ffffff;
  --hc-color-surface-soft: #f2f6f4;
  --hc-color-border: #dfe6e3;
  --hc-color-text: #11201d;
  --hc-color-muted: #66736f;
  --hc-color-white: #ffffff;

  /* Campaign accents */
  --hc-campaign-green: #1e574f;
  --hc-campaign-blue: #344b62;
  --hc-campaign-brown: #6d3f1b;

  /* Typography */
  --hc-font-heading: Georgia, 'Times New Roman', serif;
  --hc-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --hc-display-size: clamp(2.5rem, 4.6vw, 4.75rem);
  --hc-h1-size: clamp(2.125rem, 3.6vw, 3.75rem);
  --hc-h2-size: clamp(1.875rem, 3vw, 3rem);
  --hc-h3-size: clamp(1.375rem, 2vw, 2rem);
  --hc-body-size: 1rem;
  --hc-small-size: .875rem;
  --hc-caption-size: .75rem;
  --hc-line-heading: 1.08;
  --hc-line-body: 1.65;

  /* Spacing */
  --hc-space-1: .25rem;
  --hc-space-2: .5rem;
  --hc-space-3: .75rem;
  --hc-space-4: 1rem;
  --hc-space-5: 1.5rem;
  --hc-space-6: 2rem;
  --hc-space-7: 2.5rem;
  --hc-space-8: 3rem;
  --hc-space-9: 4rem;
  --hc-space-10: 5rem;
  --hc-space-11: 6rem;

  /* Layout */
  --hc-container: 1180px;
  --hc-gutter-desktop: 32px;
  --hc-gutter-tablet: 24px;
  --hc-gutter-mobile: 18px;
  --hc-section-y: clamp(4rem, 7vw, 7rem);

  /* Radius */
  --hc-radius-sm: 8px;
  --hc-radius-md: 12px;
  --hc-radius-lg: 18px;
  --hc-radius-xl: 24px;
  --hc-radius-pill: 999px;

  /* Elevation */
  --hc-shadow-sm: 0 8px 24px rgba(17, 32, 29, .07);
  --hc-shadow-md: 0 16px 38px rgba(17, 32, 29, .10);

  /* Motion */
  --hc-transition: 180ms ease;
}