/*
 * GENERATED from design-guide/tokens.json by the stitch step.
 * Do NOT hand-edit. To change values, edit tokens.json and re-stitch.
 */
:root {
  /* palette */
  --color-primary: #114A63;
  --color-accent: #568893;
  --color-ink: #16272E;
  --color-paper: #FAFCFB;
  --color-muted: #45606B;
  --color-ocean: #114A63;
  --color-ocean-deep: #0C3648;
  --color-coastline: #568893;
  --color-coastline-ink: #3E7180;
  --color-horizon: #95B7B7;
  --color-horizon-light: #AEC9C9;
  --color-sand: #D6C2AB;
  --color-sand-soft: rgba(214, 194, 171, 0.35);
  --color-haze: #E9F0EF;
  --color-haze-deep: #DCE7E6;
  --color-muted-ink: #45606B;
  --color-on-dark: #FAFCFB;
  --color-on-dark-muted: #AEC9C9;

  /* typography */
  --font-heading: Newsreader, system-ui, -apple-system, sans-serif;
  --font-body: "Instrument Sans", system-ui, -apple-system, sans-serif;
  --type-scale: 1.25;
  --font-heading-weight: 400;
  --font-heading-tracking: -0.015em;
  --font-body-size: 1.0625rem;

  /* spacing */
  --spacing-unit: 0.25rem;
  --page-max: 1180px;
  --section-y: clamp(4.5rem, 3rem + 6vw, 8.5rem);

  /* radius */
  --radius: 2px;
  --radius-lg: 4px;
  --shadow: 0 24px 60px -30px rgba(17, 74, 99, 0.35);

  /* motion */
  --motion-easing: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-duration: 620ms;
  --motion-stagger: 70ms;
  --motion-distance: 14px;
}