@font-face {
  font-family: "Wildlands Display";
  src: url("../fonts/fredoka-latin.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 300 700;
}

@font-face {
  font-family: "Wildlands Text";
  src: url("../fonts/nunito-sans-latin.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400 900;
}

:root {
  color-scheme: dark;
  --wild-sky: #46c9e8;
  --wild-sky-soft: #a8eef2;
  --wild-aqua: #83f0df;
  --wild-gold: #ffe66c;
  --wild-coral: #ff8faa;
  --wild-grass: #55c979;
  --wild-ocean: #082437;
  --wild-deep: #071521;
  --wild-paper: #fff1cf;
  --wild-ember: #f3a64d;
  --wild-danger: #ff6f71;
  --wild-ink: #f7fcff;
  --wild-muted: #b5cfda;
  --wild-line: rgba(255, 255, 255, 0.2);
  --wild-display: "Wildlands Display", "Arial Rounded MT Bold", ui-rounded, system-ui, sans-serif;
  --wild-text: "Wildlands Text", "Segoe UI", system-ui, sans-serif;
  --wild-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --wild-radius-sm: 0.75rem;
  --wild-radius-md: 1.15rem;
  --wild-radius-lg: 1.75rem;
  --wild-shadow-1: 0 12px 30px rgba(0, 20, 32, 0.2);
  --wild-shadow-2: 0 24px 70px rgba(0, 15, 28, 0.38);
  --wild-focus: 0 0 0 3px var(--wild-deep), 0 0 0 6px var(--wild-gold);
}