:root {
  --bs-white: #ffffff;
  --bs-grey: #4e4e4e;
  --bs-blue: #3f9ae0;
  --bs-yellow: #ffb200;
  --bs-blue-text: #15506b;
  --bs-blue-soft: #eaf4fb;
  --bs-orange: #f5a623;
  --bs-font-title: "Oswald", "Segoe UI", sans-serif;
  --bs-font-subtitle: "Roboto", "Segoe UI", sans-serif;
  --bs-font-body: "Open Sans", "Segoe UI", sans-serif;

  --bg: #f6f8fa;
  --surface: var(--bs-white);
  --ink: #33383d;
  --head-ink: #15506b;
  --muted: #68737f;
  --line: #e3e9ef;
  --accent: var(--bs-blue-text);
  --accent-soft: var(--bs-blue-soft);
  --teal: #0f766e;
  --teal-soft: #ecfdf9;
  --warn: #8a6100;
  --warn-soft: #fff6e0;
  --bad: #9f1239;
  --bad-soft: #fff1f3;
  --header-bg: #15506b;
  --max: 980px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}