/* The one place the look of SUWE is set ("Golden hour"). Every screen reads these variables, and
   so does the 3D scene (see js/theme.js): change a value here, or set another theme on <html>,
   and the court, ground, chalk, children's shoes and eyes, the stone and the player colours follow. */
:root {
  --sky: #ffe6c7;
  --bg: #edb676;
  --card: #fff7ee;
  --white: #ffffff;
  --line: #f2d5b5;
  --ink: #3b1d12;
  --soft: #86533a;
  --primary: #c4452b;
  --shade: #8a2c18;
  --accent: #2f8f7d;
  --accent-ink: #ffffff;
  --court: #e2a866;
  --chalk: #fff9f1;
  --danger: #d7263d;

  /* Player colours: P1 to P6 */
  --p1: #e03131;
  --p2: #1971c2;
  --p3: #f08c00;
  --p4: #7048e8;
  --p5: #0ca678;
  --p6: #d6336c;

  --text: "Nunito", system-ui, sans-serif;
  --display: "Baloo 2", "Nunito", system-ui, sans-serif;
}