:root {
  --canvas: hsl(0 0% 100%);
  --surface: hsl(0 0% 100%);
  --ink: hsl(209 61% 16%);
  --ink-soft: hsl(209 45% 24%);
  --muted: hsl(210 17% 42%);
  --border: hsl(204 30% 87%);
  --border-strong: hsl(204 24% 76%);
  --sky: hsl(198 79% 54%);
  --sky-soft: hsl(197 72% 96%);
  --accent: #00B9C8;
  --accent-hover: #009AA7;
  --accent-tint: #E6F9FB;
  --focus: #007F8A;
  --success: hsl(151 45% 35%);
  --danger: hsl(357 66% 45%);
  --content: 1280px;
  --gutter: 24px;
  --radius: 16px;
  --control-radius: 10px;
  --shadow-hero: 0 18px 46px hsl(209 61% 16% / .14);
  --snap: 180ms cubic-bezier(.2, .72, .3, 1);
  --glide: 420ms cubic-bezier(.22, .8, .32, 1);
}