/* STOCKR's tokens (DESIGN.md). base.css and stockr.css only read these. */
@font-face { font-family: "Big Shoulders Display"; src: url("/fonts/big-shoulders-display-latin-800-normal.woff2") format("woff2"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Big Shoulders Display"; src: url("/fonts/big-shoulders-display-latin-900-normal.woff2") format("woff2"); font-weight: 900; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("/fonts/archivo-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("/fonts/archivo-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("/fonts/archivo-latin-600-normal.woff2") format("woff2"); font-weight: 600 700; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); font-weight: 500 700; font-display: swap; }

:root {
  color-scheme: dark;

  /* the hall: near-black, the board's housing one step up */
  --bg: #0b0b0c;
  --housing: #121214;
  --surface: #17171a;
  --surface-2: #1f1f23;
  --surface-3: #28282d;

  /* a flap: top half lighter, a hinge gap, bottom half darker */
  --flap-top: #26262a;
  --flap-bot: #1c1c1f;
  --hinge: #060607;

  --line: rgba(244, 241, 232, 0.08);
  --line-2: rgba(244, 241, 232, 0.14);
  --line-3: rgba(244, 241, 232, 0.24);

  --ink: #f4f1e8;
  --ink-2: #c4c0b5;
  --muted: #8f8b81;

  /* signal yellow: the one action, and the holders' stream (getting paid in the stock is the mechanic) */
  --accent: #ffe600;
  --accent-low: #f2d600;
  --on-accent: #0b0b0c;
  /* burns, and only burns */
  --burn: #ff8a1f;
  /* price moves, and only price moves */
  --up: #3bd47a;
  --down: #ff5c5c;
  --warn: #ffb020;

  /* the five fee streams: only in the split bar, its legend and stream chips */
  --s-holders: #ffe600;
  --s-creator: #f4f1e8;
  --s-burn: #ff8a1f;
  --s-traders: #5cc8ff;
  --s-treasury: #77736b;

  --font-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
  --font-text: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;

  --r-sm: 4px;
  --r: 8px;
  --r-lg: 12px;
  --r-pill: 999px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 120ms;
  --t: 240ms;

  --wrap: 1280px;
  --gut: clamp(16px, 4vw, 40px);
  --top-h: 64px;
}