/* Tape — a trading floor after hours. Amber phosphor on burnt black,
   mono everything, dense and unsentimental. Bloomberg by way of 1983. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');

:root[data-theme="tape"] {
  --bg: #0e0c08;
  --bg-image: none;
  --surface: #15120b;
  --surface-2: #1e1a10;
  --text: #EAE0C9;
  --text-muted: #9C917A;
  --accent: #FFB000;
  --on-accent: #1a1200;
  --border: #302915;
  --grid-line: #231e10;

  --radius: 2px;
  --radius-sm: 2px;
  --shadow: none;
  --backdrop-filter: none;

  --font-display: 'IBM Plex Mono', ui-monospace, monospace;
  --font-body: 'IBM Plex Mono', ui-monospace, monospace;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --label-case: uppercase;
  --label-tracking: 0.06em;

  /* chart palette validated (dataviz six checks) vs surface #15120b, dark mode */
  --chart-1: #C68606;
  --chart-2: #2E97B2;
  --chart-3: #C94F4F;
  --chart-4: #6F9427;

  --ok: #86EFAC;
  --warn: #FBBF24;
  --bad: #F87171;
  --ok-bg: color-mix(in srgb, var(--ok) 12%, transparent);
  --warn-bg: color-mix(in srgb, var(--warn) 12%, transparent);
  --bad-bg: color-mix(in srgb, var(--bad) 12%, transparent);
}