/* Base commune au jeu et à la page de présentation : polices et couleurs. */
@font-face {
  font-family: "Quicksand";
  font-weight: 300 700;
  font-display: swap;
  src: url(fonts/quicksand.woff2) format("woff2");
}
@font-face {
  font-family: "Fira Sans Condensed";
  font-weight: 400;
  font-display: swap;
  src: url(fonts/fira-condensed-400.woff2) format("woff2");
}
@font-face {
  font-family: "Fira Sans Condensed";
  font-weight: 600;
  font-display: swap;
  src: url(fonts/fira-condensed-600.woff2) format("woff2");
}
@font-face {
  font-family: "Caveat";
  font-weight: 600;
  font-display: swap;
  src: url(fonts/caveat.woff2) format("woff2");
}

:root {
  --ink: #141414;
  --bg: #fff;
  --page: #e6e6e9;
  --muted: #6b6b6b;
  --line: #e2e2e2;
  --box: #e3f0db;
  --mark: #fbe33b;
  --pink: #e0436a;
  --danger: #e0436a;
  --orange: #f39200;
  --rouge: #ef6f6c;
  --bleu: #0a8fd6;
  --vert: #6fb43f;
  --jaune: #f2b705;
  --violet: #8e5bb5;
  --border: 2px solid var(--ink);
  --font: "Fira Sans Condensed", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --logo: "Quicksand", var(--font);
}