/* ===== Theme — "Mon Centre Équestre" (sunny meadow, warm wood, sky blue) =====
   Only the look lives here: the generic structure is in engine.css.
   Restyle a game by changing these variables (and the font). */

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

:root {
  --game-font: "Fredoka", ui-rounded, "Trebuchet MS", system-ui, sans-serif;
  --deep: #7cbf5a;
  --panel: #fffaf0; --panel2: #f6ecd9; --panel-edge: #e6c79a;
  --sheet-bg: rgba(255, 250, 240, 0.92); --sheet-fade: rgba(255, 244, 222, 0.35);
  --text: #4a3428; --muted: #8f7a68; --title: #8a5a2b;
  --title-fill: #ffffff; --title-stroke: #8a5a2b;
  --primary: #f2a341; --primary-d: #c97a1e; --on-primary: #ffffff;
  --accent: #5ab4e8; --accent-d: #2f88c0; --on-accent: #ffffff;
  --ribbon: #e8734a; --ribbon-d: #b9502c;
  --good: #6cc75a; --warn: #ffc24a; --bad: #ef6a5a;
  --border: #ecd9bb; --input-bg: #fff6e6;
  --chip-bg: rgba(255, 250, 240, 0.94); --chip-text: #4a3428; --chip-edge: #e6c79a;
  --overlay: rgba(60, 40, 25, 0.38);
  --night: #1d2650;
  --hud-fade: rgba(255, 255, 255, 0);
  --shadow: 0 10px 26px rgba(90, 60, 30, 0.26);
  --closeup-bg: #e9f6ff;
  --edge-home: #9ccf6e; --edge-game: #7cbf5a;   /* colours at the screen edges (iOS bands) */
  --home-bg: #bfe6f5;
}
.pc-name { color: var(--text); }