:root {
  --coastline-ocean: #0b2530;
  --coastline-salt: #f7f4ee;
  --coastline-sand: #ded1c0;
  --coastline-seafoam: #8fbdaa;
  --coastline-coral: #e5745f;
  --coastline-ink: #151918;

  --coastline-font-sans: "Instrument Sans", Arial, Helvetica, sans-serif;
  --coastline-font-weight-regular: 400;
  --coastline-font-weight-medium: 500;
  --coastline-font-weight-semibold: 600;

  --coastline-logo-clear-space: 25%;
  --coastline-logo-primary-min-width: 180px;
  --coastline-logo-compact-min-width: 120px;
  --coastline-symbol-min-width: 24px;
}

/* Accessibility: Ocean/Salt 14.48:1; Ocean/Coral 5.29:1. */
/* Use Ocean text on Coral. Do not use Salt for normal-size text on Coral. */