:root {
  --shell-max: 1170px;
  --gutter: 24px;
  --teal: #0f5f70;
  --teal-deep: #0a4a58;
  --teal-mid: #1a7385;
  --orange: #e46c22;
  --orange-hot: #d35e16;
  --ink: #3f4f55;
  --heading: #0f5f70;
  --paper: #ffffff;
  --mist: #eef6f8;
  --band: #d4ebef;
  --line: #d7e4e8;
  --shadow: 0 16px 36px rgba(15, 95, 112, 0.12);
  --shadow-lg: 0 22px 48px rgba(15, 95, 112, 0.16);
  --radius: 22px;
  --radius-sm: 14px;
  --font-display: "Montserrat", "Open Sans", sans-serif;
  --font-body: "Open Sans", sans-serif;
  --header-h: 88px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --space-section: 80px;
  --space-section-sm: 56px;
  --space-title: 28px;
  --space-stack: 16px;
  --space-stack-lg: 24px;
  --measure-prose: 52ch;
  --measure-title: 20ch;
  --body-text: 15px;
}

::selection {
  background: #c5e4ea;
  color: var(--teal-deep);
}

:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 3px;
}