/* ===== Theme — "Dr Smile" (cosy pastel dental clinic) =====
   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: #eaf6f2;
  --panel: #ffffff; --panel2: #f1f8f6; --panel-edge: #ffd2e0;
  --sheet-bg: rgba(255, 255, 255, 0.9); --sheet-fade: rgba(255, 240, 246, 0.35);
  --text: #4a3a4e; --muted: #8a7f92; --title: #3a9f95;
  --title-fill: #ffffff; --title-stroke: #3a9f95;
  --primary: #5ec7bd; --primary-d: #3a9f95; --on-primary: #ffffff;
  --accent: #ff8fb3; --accent-d: #e2678f; --on-accent: #ffffff;
  --ribbon: #ff8fb3; --ribbon-d: #e2678f;
  --good: #5fcf86; --warn: #ffc24a; --bad: #ff7a95;
  --border: #dfece8; --input-bg: #f6fbfa;
  --chip-bg: rgba(255, 255, 255, 0.94); --chip-text: #4a3a4e; --chip-edge: #ffd2e0;
  --overlay: rgba(74, 58, 78, 0.35);
  --night: #3a4a6e;
  --hud-fade: rgba(255, 255, 255, 0);
  --shadow: 0 10px 26px rgba(120, 100, 130, 0.24);
  --closeup-bg: #fff1f6;
  --edge-home: #f0d5b7; --edge-game: #f3d9b1;   /* colours at the screen edges (iOS bands) */
  --home-bg: #d9f3ec;
}
.pc-name { color: var(--text); }