@font-face {
  font-family: Manrope;
  src: url('/assets/fonts/manrope-latin-wght-normal.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
:root {
  color-scheme: light;
  --white: #fff;
  --sky: #bae6fd;
  --sky-pale: #e0f2fe;
  --sun: #fde047;
  --ink: #233c52;
  --ink-soft: #506a7f;
  --muted: #587085;
  --blue: #477ea9;
  --line: #dce9f2;
  --surface: #f6fbff;
  --radius: 30px;
  --radius-lg: 42px;
  --font: Manrope, 'Segoe UI', sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow: 0 14px 40px #547b9c0a;
  --focus: 0 0 0 4px #80bdeb;
}