/* Studio Empire palette: neon purple and cyan with magenta accents on a near-black violet page. */

:root {
  color-scheme: dark;
  --ts-page: #0b0614;
  --ts-surface: #170d2c;
  --ts-surface-2: #22133f;
  --ts-line: #3b2468;
  --ts-text: #f4eeff;
  --ts-muted: #b2a3d8;
  --ts-accent: #2ee6f5;
  --ts-accent-ink: #03171b;
  --ts-good: #3ddc97;
  --ts-bad: #ff5c7a;
  --ts-warn: #ffb347;
  --ts-ad: #e23fc4;
}

body {
  background:
    linear-gradient(180deg, rgb(11 6 20 / 55%) 0%, var(--ts-page) 420px),
    url("/games/assets/studio-empire/bg-studio.webp") top center / 100% auto no-repeat,
    radial-gradient(ellipse at 50% -10%, #3a1670 0%, var(--ts-page) 60%);
  background-color: var(--ts-page);
}

.ts-hud {
  background: linear-gradient(160deg, rgb(58 22 112 / 92%), rgb(20 10 42 / 92%));
  box-shadow: 0 0 0 1px rgb(46 230 245 / 18%), 0 12px 40px rgb(162 60 255 / 18%);
}

/* The series paints key buttons and money sparks gold; here keys stay gold and sparks go neon. */
.ts-btn-gold {
  background: linear-gradient(180deg, #ffe7a3, #f5b93c);
  color: #1d1604;
}

.ts-particle {
  background: radial-gradient(circle, #ffffff, #ff4fd8 55%, var(--ts-accent));
}