@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-LatinExt.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Latin.woff2') format('woff2');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-LatinExt.woff2') format('woff2');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF;
}

:root {
  --blue-900: #0B3B60;
  --blue-600: #166B9A;
  --blue-100: #CCE5F3;
  --blue-025: #E8F3F9;
  --blue-hero-start: #D2EBF8;
  --blue-hero-mid: #E5F3FA;
  --blue-hero-end: #F4FAFD;
  --white: #FFFFFF;
  --ink: #22313D;
  --muted: #5F7384;
  --line: #CFDFE9;
  --map-surface: #E3EFF6;
  --map-line: #B5CFDF;

  --font-heading: 'Lora', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --container: 1232px;
  --gutter: 24px;
  --page-padding: 48px;
  --header-height: 72px;

  --radius: 6px;
  --radius-button: 10px;
  --duration: 180ms;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  --z-header: 30;
  --z-menu: 40;
  --z-modal: 100;
}