/* Explicit root specificity keeps legacy styles from replacing these values. */
html:root {
  --paper: #FFFFFF;
  --concrete: #EEF0EF;
  --ink: #16262D;
  --muted: #52626A;
  --blue: #00475D;
  --harbor: #0B2B36;
  --harbor-text: #C9D3D6;
  --signal: #EA7234;
  --rule: #CDD5D8;
  --control: #7B8B92;
  --casing: rgba(22, 38, 45, 0.35);

  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --sans: "Public Sans", "Helvetica Neue", Arial, sans-serif;
  --step--1: 1rem;
  --step-0: 1.125rem;
  --step-1: 1.3125rem;
  --step-2: 1.5rem;
  /* Fixed type sizes and zero tracking take priority over fluid reference type. */
  --step-3: 2.5rem;
  --step-4: 3.5rem;
  --step-5: 4.75rem;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;
  --section: clamp(4rem, 2.5rem + 5vw, 7.5rem);
  --max: 80rem;
  --gutter: clamp(1.25rem, 0.6rem + 2.4vw, 2.5rem);
  --measure: 62ch;
  --r-control: 3px;
  --r-panel: 6px;
  --shadow-overlay: 0 24px 64px rgba(11, 43, 54, 0.28);
  --ease: cubic-bezier(.2, 0, 0, 1);

  /* Compatibility aliases while the page templates move to the shared system. */
  --navy: var(--blue);
  --navy-dark: var(--harbor);
  --navy-deeper: var(--harbor);
  --accent-button: var(--blue);
  --accent-button-hover: var(--harbor);
  --gray: var(--muted);
  --gray-light: var(--muted);
  --gray-lighter: var(--control);
  --off-white: var(--concrete);
  --light-gray: var(--concrete);
  --white: var(--paper);
  --text-light: var(--harbor-text);
  --font-display: var(--serif);
  --font-heading: var(--sans);
  --font-body: var(--sans);
  --max-width: var(--max);
}

@media (max-width: 1100px) {
  html:root {
    --step-3: 2rem;
    --step-4: 3rem;
    --step-5: 4rem;
  }
}
@media (max-width: 700px) {
  html:root {
    --step-0: 1.0625rem;
    --step-1: 1.1875rem;
    --step-2: 1.3125rem;
    --step-3: 1.75rem;
    --step-4: 2.5rem;
    --step-5: 3rem;
  }
}
@media (max-width: 380px) {
  html:root {
    --step-4: 2.25rem;
    --step-5: 2.5rem;
  }
}