:root {
  /* Quiet clinical confidence — locked art direction */
  --canvas: #F6F3ED;
  --ivory: #F6F3ED;
  --paper: #FFFDF9;
  --mineral: #E8EFEC;
  --ink: #183136;
  --ink-soft: #3F595D;
  --teal: #2A7F8E;
  --teal-dark: #1D6470;
  --eucalyptus: #91AFA8;
  --berry: #B85C72;
  --berry-dark: #9A4A5E;
  --line: rgba(24, 49, 54, 0.14);
  --shadow: 0 24px 70px rgba(24, 49, 54, 0.12);
  --shadow-soft: 0 12px 36px rgba(24, 49, 54, 0.08);

  --font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-detail: "IBM Plex Mono", ui-monospace, monospace;

  --step--1: clamp(0.82rem, 0.79rem + 0.12vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.18vw, 1.12rem);
  --step-1: clamp(1.2rem, 1.08rem + 0.55vw, 1.55rem);
  --step-2: clamp(1.55rem, 1.28rem + 1.15vw, 2.2rem);
  --step-3: clamp(2.1rem, 1.55rem + 2.3vw, 3.55rem);
  --step-4: clamp(2.8rem, 1.9rem + 3.8vw, 5.1rem);

  --radius-sm: 18px;
  --radius-md: 22px;
  --radius-lg: 28px;
  --container: 78rem;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --header-offset: 7.5rem;
}