/* =====================================================================
   base.css: the tokens the terminal is drawn in. Carried over from the
   Loxley Partners build (robinhood/firm, styles.css :root), retuned for
   p-Ponzi: near-black screens, ONE lit colour, the gold of the neon and
   the lamp in the room (#e6cf9c, the same value world/live.js paints the
   monitor with), a serif for prose and the mono for figures. Orange is
   kept for the specimen stamp (a warning) and red for a sell.
   ===================================================================== */

:root {
  --accent: #e6cf9c;
  --accent-rgb: 230, 207, 156;
  --ink: #eef3f2;
  --dim: rgba(238, 243, 242, .66);
  --faint: rgba(238, 243, 242, .46);
  --hair: rgba(238, 243, 242, .16);
  --line: rgba(255, 255, 255, .14);

  --warn: #ffb45c;
  --bad:  #ff7a5c;
  --good: #7fd6a0;

  /* p-Ponzi: real faces instead of whatever the visitor's machine has, so the
     terminal looks the same on every screen. Loxley's system stacks stay as
     the fallback. */
  --mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --serif: "Newsreader", "Palatino Linotype", Palatino, "Book Antiqua", serif;
  --r-ctl: 3px;
}

* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  background: #05070a;
  color: var(--ink);
  font: 14px/1.55 var(--mono);
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  overscroll-behavior: none;
}
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
a { color: inherit; }
[hidden] { display: none !important; }

noscript p {
  position: fixed; inset: auto 0 40% 0; text-align: center;
  font: 14px/1.6 var(--serif); color: var(--dim);
}