/* ===== Theme — "GTA 7 · Neon City" (neon city at dusk) =====
   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: #1b1834;
  --panel: #241d48; --panel2: #1c163a; --panel-edge: #120d28;
  --sheet-bg: rgba(30, 23, 62, 0.86); --sheet-fade: rgba(10, 6, 26, 0.55);
  --text: #f1ecff; --muted: #a99fd8; --title: #ffffff;
  --title-fill: #ffffff; --title-stroke: #2a1450;
  --primary: #38e0e6; --primary-d: #1b98aa; --on-primary: #0b1d33;
  --accent: #ff4d97; --accent-d: #b8327a; --on-accent: #ffffff;
  --ribbon: #ff4d97; --ribbon-d: #a8285f;
  --good: #6ef0a0; --warn: #ffcf3f; --bad: #ff6a8a;
  --border: #3a2f72; --input-bg: #160f30;
  --chip-bg: rgba(30, 23, 62, 0.82); --chip-text: #f6f2ff; --chip-edge: rgba(10, 6, 30, 0.9);
  --overlay: rgba(6, 3, 18, 0.62);
  --night: #02030c;
  --hud-fade: rgba(10, 6, 26, 0.55);
  --shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  --glow: 0 0 24px rgba(56, 224, 230, 0.16);
  --closeup-bg: #141024;
  --edge-home: #1a1232; --edge-game: #1b1834;   /* colours at the screen edges (iOS bands) */
  --home-bg: #160f28;
}
.pc-needs { background: rgba(0, 0, 0, 0.25); }
.gauge { background: rgba(0, 0, 0, 0.4); }
.ch-price { color: #0b1d33; }