/* STOCKR's tokens (DESIGN.md, the terminal): charcoal, electric green, white and greys. Every stylesheet reads only 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: "Geist"; src: url("/fonts/geist-sans-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Geist"; src: url("/fonts/geist-sans-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Geist"; src: url("/fonts/geist-sans-latin-600-normal.woff2") format("woff2"); font-weight: 600 700; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("/fonts/geist-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("/fonts/geist-mono-latin-500-normal.woff2") format("woff2"); font-weight: 500 700; font-display: swap; }

:root {
  color-scheme: dark;

  /* charcoal: the page, then each step up one shade */
  --bg: #0a0b0b;
  --housing: #101213;
  --surface: #14171a;
  --surface-2: #1a1e21;
  --surface-3: #22272a;

  /* a flap digit: top half lighter, a hinge gap, bottom half darker */
  --flap-top: #1d2124;
  --flap-bot: #15181b;
  --hinge: #050606;

  --line: rgba(236, 239, 238, 0.07);
  --line-2: rgba(236, 239, 238, 0.12);
  --line-3: rgba(236, 239, 238, 0.2);

  --ink: #eceeee;
  --ink-2: #b5bcb9;
  --muted: #808885;

  /* electric green: the action, price up, money paid to holders. One meaning: good for you. */
  --accent: #19f28a;
  --accent-low: #12d97a;
  --accent-dim: rgba(25, 242, 138, 0.12);
  --on-accent: #03130b;
  /* red: price down and errors, nothing else */
  --up: #19f28a;
  --down: #ff4d5e;
  --down-dim: rgba(255, 77, 94, 0.12);
  --warn: #e8c547;
  /* burns read as plain ink now: no fire colour on a terminal */
  --burn: #b5bcb9;

  /* the five fee streams: holders green, then white and three greys (only in the split bar, its legend, stream chips) */
  --s-holders: #19f28a;
  --s-creator: #eceeee;
  --s-burn: #5f6865;
  --s-traders: #9aa3a0;
  --s-treasury: #3a403e;

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

  --r-sm: 6px;
  --r: 10px;
  --r-lg: 14px;
  --r-pill: 999px;

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

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