/* Palette, reset, base typography. Per-page tints live on `body.home`
   and `body.ping` so the rest of the styles stay theme-agnostic. */

*{box-sizing:border-box;margin:0;padding:0}

:root{
  --panel:#fdf6e3;
  --hot:#ff5db1;
  --lime:#16a34a;
  --yellow:#fde047;

  /* Microslop defaults */
  --bg:#2d1b69;
  --ink:#1a1340;
  --cyan:#38bdf8;
  --purple:#9333ea;
  --titlebar-grad:linear-gradient(90deg,#1a1340,#5b21b6);
  --bg-image:
    radial-gradient(circle at 18% 8%,#43308f,transparent 42%),
    radial-gradient(circle at 88% 84%,#3a2580,transparent 46%);
}

/* Ping page — slightly cooler purple-blue */
body.ping{
  --bg:#1b2d69;
  --ink:#13193a;
  --cyan:#0ea5b7;
  --purple:#7c3aed;
  --titlebar-grad:linear-gradient(90deg,#13193a,#3730a3);
  --bg-image:
    radial-gradient(circle at 16% 8%,#27408f,transparent 42%),
    radial-gradient(circle at 88% 86%,#1f2f7a,transparent 46%);
}

body{
  background:var(--bg);
  background-image:var(--bg-image);
  color:var(--ink);
  font-family:"VT323",monospace;
  font-size:21px;
  line-height:1.4;
  padding:24px 0;
}

.pix{font-family:"Press Start 2P",monospace}