/* ---------------------------------------------------------------------------
   SIMBA BROKERS — design tokens.
   Language: TECHNICAL ARCHIVE. Monospace, black on white, hairline rules,
   dense numbered rows. Nothing decorative; every mark is a data mark.
   --------------------------------------------------------------------------- */

:root {
  color-scheme: light;

  /* --- Surface -------------------------------------------------------------- */
  --paper: #ffffff;
  --ink: #000000;

  /* The only greys in the system. Anything else is ink at partial opacity. */
  --ink-60: rgba(0, 0, 0, 0.60);
  --ink-40: rgba(0, 0, 0, 0.40);
  --ink-20: rgba(0, 0, 0, 0.20);
  --rule: rgba(0, 0, 0, 0.14);
  --rule-strong: rgba(0, 0, 0, 0.85);
  --wash: rgba(0, 0, 0, 0.035);

  /* --- Market signal ---------------------------------------------------------
     Deliberately desaturated. The page is monochrome; these read as data, not
     as neon. Direction is always ALSO carried by a glyph and a sign, so the
     colour is reinforcement rather than the only channel. */
  --up: #0f7b4f;
  --down: #b3261e;

  /* --- Type ------------------------------------------------------------------
     One family, three weights plus a real italic. 500 is the workhorse. */
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fw-reg: 400;
  --fw-mid: 500;
  --fw-bold: 700;

  --t-micro: 10px;
  --t-label: 11px;
  --t-xs: 12px;
  --t-sm: 13px;
  --t-base: 14px;
  --t-md: 16px;
  --t-lg: 20px;
  --t-display: clamp(2.25rem, 6vw, 4.5rem);

  --track-label: 0.08em;
  --track-tight: -0.03em;

  /* --- Space ------------------------------------------------------------------ */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 72px;
  --s-9: 112px;

  --shell: 1320px;
  --gutter: clamp(16px, 3vw, 40px);

  --row-h: 34px;         /* the archive row rhythm */
  --nav-h: 52px;

  /* --- Motion -----------------------------------------------------------------
     Fast and linear. The block cursor is a scan, not an ease. */
  --t-fast: 0.12s;
  --t-mid: 0.25s;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}