/* static/css/cockpit-tokens.css
   The canonical cockpit token layer — the shared token set for Rotocon's
   internal, dense/dark "cockpit"-style apps (QM today; any future internal
   tool tomorrow).

   Loads AFTER the normative brand tokens (rotocon-tokens.css, governed by
   docs/design_rotocon_2.md) and does not duplicate or contradict them: it
   covers what a dense dark cockpit needs — a cockpit type scale, row
   densities, cockpit spacing and radius — that the website-oriented
   normative scale has no answer for.

   Per-app semantic state colours (a status palette, a pipeline-stage
   palette, etc.) do NOT belong here. Each app owns its own domain states in
   its own stylesheet; only the tokens below are shared. See
   docs/design_rotocon_2.md for the boundary and why it is drawn there. */

:root {
  /* --- Brand red, split by job ---
     #FF0000 on white is 4.0:1 and fails AA for normal text, so a fill that
     carries a label uses --brand-ink. The mark itself may keep the pure red:
     it is graphic, not text. */
  --brand: #FF0000;
  --brand-ink: #D40000;
  --brand-hover: #B80000;

  /* --- Spacing: the normative 4px scale, adopted unchanged ---
     --sp-6/--sp-7 are unused today: a deliberate complete scale, not dead
     code (--sp-6, --sp-7, --fs-md, --row-compact and --row-relaxed are kept
     for the next density or type change — do not delete them for being
     unreferenced). */
  --sp-1: 0.25rem; --sp-2: 0.5rem;  --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-7: 3rem;

  /* --- Type: the cockpit sizes the normative website scale has no answer for --- */
  --fs-micro: 11px;
  --fs-label: 12px;
  --fs-body:  14px;
  --fs-md:    16px;   /* unused, see the spacing comment above */
  --fs-lg:    20px;   /* applied: .topbar__title h1 (qm.css) */
  --fs-xl:    28px;   /* applied: .kpi__n (qm.css) */

  /* --- Row rhythm --- */
  --row-compact: 36px;  /* unused, see the spacing comment above */
  --row-default: 44px;
  --row-relaxed: 56px;  /* unused, see the spacing comment above */

  /* 5px was an isolated value with no source; 6px joins the 2px ladder. */
  --radius-sm: 6px;
}