@font-face {
  font-family: "Sora";
  src: url("../../fonts/sora-latin-600-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../../fonts/source-sans-3-latin-400-600.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}

:root {
  --fc-color-canvas: #f5fbfc;
  --fc-color-surface: #ffffff;
  --fc-color-surface-soft: #eaf7f8;
  --fc-color-navy: #102a43;
  --fc-color-ink: #0f1f33;
  --fc-color-teal: #0ea5a4;
  --fc-color-blue-deep: #0b4f86;
  --fc-color-blue: #2388b8;
  --fc-color-green: #2d9a51;
  --fc-color-muted: #5f7382;
  --fc-color-border: #cfe2e6;
  --fc-font-display: "Sora", "Segoe UI", sans-serif;
  --fc-font-body: "Source Sans 3", "Segoe UI", sans-serif;
  --fc-container-wide: 1280px;
  --fc-container-standard: 1120px;
  --fc-container-reading: 760px;
  --fc-space-1: 4px;
  --fc-space-2: 8px;
  --fc-space-3: 12px;
  --fc-space-4: 16px;
  --fc-space-6: 24px;
  --fc-space-8: 32px;
  --fc-space-12: 48px;
  --fc-space-18: 72px;
  --fc-space-24: 96px;
  --fc-radius-sm: 4px;
  --fc-radius: 6px;
  --fc-radius-lg: 8px;
  --fc-shadow-soft: 0 10px 30px rgba(16, 42, 67, 0.08);
  --fc-shadow-menu: 0 24px 64px rgba(15, 31, 51, 0.16);
  --fc-focus: 0 0 0 3px #f5fbfc, 0 0 0 6px #0b4f86;
  --fc-transition-fast: 160ms ease;
  --fc-transition-standard: 240ms ease;
}