/* ═══════════════════════════════════════════════════════════════════════════
   TIP CONSOLE — design tokens
   The Integrity Protocol · Integrity AI LLC

   Governing principle: FORENSIC INSTRUMENT / COURT OF RECORD.
   Cool steel neutrals; near-white text; color is spent on semantics only.
   Copper is the brand mark — the seal on the instrument — and nothing else.
   No glows, no gradients-as-decoration, 2px radii, hairline structure,
   tabular numerals, JetBrains Mono for identifiers, Inter for prose.

   trace.html is the reference implementation and currently INLINES a copy of
   these tokens (single-file requirement). When re-skinning the-grid.html,
   signal-dossier.html, and flight-recorder.html, link this sheet and delete
   their local palettes. Keep the two in sync until then.

   Fonts (load via Google Fonts):
     JetBrains Mono: 400 500 600 700 800
     Inter:          300 400 500 600 700
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
  /* ── surfaces (3-tier: canvas → panel → card/inset) ── */
  --bg-primary: #0B0E14;             /* app canvas */
  --bg-deep: #090C11;                /* page background behind panels */
  --bg-panel: #11151D;               /* primary panel surface */
  --bg-card: #161C26;                /* raised card / control surface */
  --bg-inset: rgba(0,0,0,0.28);      /* recessed wells inside panels */

  /* ── structure ── */
  --border: #232A36;                 /* hairline */
  --border-soft: rgba(35,42,54,0.75);
  --border-active: #344051;          /* hover / focus / selected */
  --radius: 2px;                     /* machined corners — never rounder */
  --radius-sm: 2px;

  /* ── text ── */
  --text-primary: #EDF1F7;
  --text-secondary: #C3CDDB;         /* reasoning prose */
  --text-muted: #7E8A9D;             /* labels, metadata */

  /* ── brand — the seal. Wordmark, active nav, kickers. NEVER chrome. ── */
  --accent: #C9956A;
  --accent-dim: rgba(201,149,106,0.08);

  /* ── semantics — the only saturated color on screen ── */
  --red: #E5484D;                    /* REJECTED / CONTRADICTED / deterioration */
  --red-dim: rgba(229,72,77,0.08);
  --amber: #F0A93C;                  /* FLAGGED / corrections / PENDING */
  --amber-dim: rgba(240,169,60,0.08);
  --green: #30A46C;                  /* SURVIVED / VERIFIED / acceleration */
  --green-dim: rgba(48,164,108,0.08);
  --blue: #6BA1E8;                   /* Layer Zero / gates / informational */
  --blue-dim: rgba(107,161,232,0.08);
  --purple: #A192D9;                 /* hidden moves / x402 / tensions */
  --purple-dim: rgba(161,146,217,0.08);

  /* ── type ── */
  --mono: 'JetBrains Mono', monospace;   /* identifiers, codes, timestamps, values */
  --sans: 'Inter', system-ui, sans-serif; /* analytical prose — weight 400, lh ≥1.6 */

  /* ── legacy aliases (advisor-panel.css and older pages) ── */
  --accent-cyan: var(--blue);
  --accent-cyan-dim: var(--blue-dim);
  --accent-amber: var(--amber);
  --bg-secondary: var(--bg-panel);
}

/* Base body treatment shared by all consoles */
.tip-console {
  font-family: var(--sans);
  font-variant-numeric: tabular-nums;
  background: var(--bg-deep);
  color: var(--text-primary);
}