:root {
  --color-bg: #ffffff;
  --color-surface: #f5f5f3;
  --color-surface-soft: #ebebe8;
  --color-text: #101010;
  --color-muted: #626262;
  --color-accent: #58768b;
  --color-accent-strong: #38586d;
  --color-closing-cta: #73aed7;
  --color-border: rgba(16, 16, 16, 0.18);
  --color-border-soft: rgba(16, 16, 16, 0.1);
  --font-sans: "Montserrat", Arial, sans-serif;

  /* Typography */
  --text-caption: 0.75rem;
  --text-small: 0.875rem;
  --text-body: 1rem;
  --text-lead: 1.125rem;
  --text-large: 1.25rem;
  --heading-small: 1.5rem;
  --heading-medium: 2rem;
  --heading-large: 3rem;

  --container: 1700px;
  --gutter: clamp(20px, 4vw, 64px);
  --section-space: clamp(72px, 9vw, 144px);
  --radius-sm: 6px;
  --radius-md: 12px;
  --header-height: 76px;
  --transition: 220ms cubic-bezier(0.2, 0.7, 0.2, 1);
  --shadow: 0 20px 70px rgba(16, 16, 16, 0.14);
}