/* Taken from mindset.mylovanov.media and ba26.mylovanov.media */
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&family=Unbounded:wght@700;800&display=swap');

:root {
  --pink: #E0117E;
  --pink-soft: #FCE7F1;
  --ink: #14110F;
  --body: #332C2A;
  --soft: #6B625F;
  --line: #E7DFE3;
  --paper: #FAF7F8;
  --card: #FFFFFF;

  /* Status colours of the answer, the alert level and the crossings (green yes, amber risky, red no),
     and the official colours of the Kyiv metro lines. Text in a status colour: --go, --risk, --stop;
     big fills: --risk-fill; backgrounds: the -soft ones. */
  --go: #0B7A3B;
  --go-soft: #E2F5E9;
  --risk: #B45309;
  --risk-fill: #F59E0B;
  --risk-soft: #FEF3DC;
  --stop: #D42020;
  --stop-soft: #FDE8E6;
  --m1: #E31E24;
  --m2: #0072BC;
  --m3: #00984F;
  /* The map: the Dnipro and the night sky. */
  --water: #D6EAF6;
  --water-line: #8CC0E3;
  --night: #1E1B2E;

  --font: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Unbounded', sans-serif;

  --r-pill: 999px;
  --r-card: 16px;
  --r-small: 8px;

  --shadow-pink: 0 2px 10px rgba(224, 17, 126, .45);
  --focus-ring: 0 0 0 4px rgba(224, 17, 126, .28);
  --ease: cubic-bezier(.22, .75, .28, 1);
}