:root {
  color-scheme: dark;

  /* Surfaces: warm near-black; elevation via translucent white layers */
  --bg: #0d0b08;
  --surface-1: rgba(255, 255, 255, .025);
  --surface-2: rgba(255, 255, 255, .05);
  --surface-3: rgba(255, 255, 255, .09);
  /* Solid equivalent of bg + surface for native widgets (select options) */
  --bg-solid-raised: #1a1712;

  /* Borders: translucent, never solid dark */
  --line-subtle: rgba(255, 255, 255, .06);
  --line: rgba(255, 255, 255, .09);
  --line-strong: rgba(255, 255, 255, .16);

  /* Text ladder, warm cast */
  --text-1: #f4efe4;
  --text-2: #cdc4b2;
  --text-3: #99907d;
  --text-4: #6d6555;

  /* Accents: amber is the only navigational color; the rest are semantic */
  --amber: #e8a63c;
  --amber-hover: #f2bd66;
  --amber-tint: rgba(232, 166, 60, .12);
  --amber-edge: rgba(232, 166, 60, .35);
  --copper: #b0653a;
  --hop: #93a768;
  --hop-tint: rgba(147, 167, 104, .12);
  --brick: #cf6a5b;
  --brick-tint: rgba(207, 106, 91, .12);
  --brick-edge: rgba(207, 106, 91, .4);

  /* Censored (lower-bound) fill for stock bars */
  --hatch: repeating-linear-gradient(45deg,
      rgba(232, 166, 60, .25) 0 3px, rgba(232, 166, 60, .6) 3px 6px);

  --font-ui: system-ui, "Segoe UI", Roboto, sans-serif;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif-condensed, sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("/static/fonts/barlow-condensed-500.woff2") format("woff2");
  font-weight: 500; font-display: swap;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("/static/fonts/barlow-condensed-700.woff2") format("woff2");
  font-weight: 700; font-display: swap;
}