/* ─────────────────────────────────────────────────────────────────────
   TruStackAPI — design tokens (WO-AUDIT-TRAIL-REDESIGN-01 Task 1)
   Single source of truth for the brand. Loaded by audit-trail.css and
   any future page that adopts the new identity.
   ───────────────────────────────────────────────────────────────────── */

:root {
  /* === BRAND — Deep ink → light surface scale === */
  --tsa-ink-1:        #04050F;  /* Deepest — never use as bg for content */
  --tsa-ink-2:        #080E24;  /* BG1 deep navy */
  --tsa-navy:         #0A2540;  /* BG4 — RBI / Boardroom chrome */
  --tsa-navy-deep:    #0D1B4B;
  --tsa-rule-dark:    #1E2548;  /* Borders on dark surfaces */

  --tsa-surface:      #FFFFFF;
  --tsa-surface-2:    #F0F0F5;  /* Brand grey */
  --tsa-surface-3:    #E8E8F4;
  --tsa-rule:         #E0E0F0;
  --tsa-rule-soft:    #EDEDF8;

  /* === BRAND — Indigo to sky stack === */
  --tsa-indigo-deep:  #2E2BB0;
  --tsa-indigo:       #3730C8;
  --tsa-indigo-mid:   #4F46E5;
  --tsa-indigo-soft:  #635BFF;
  --tsa-indigo-pale:  #818CF8;
  --tsa-blue:         #3B82F6;
  --tsa-sky:          #1CA8FF;
  --tsa-sky-pale:     #60C8FF;

  /* === Brand mark gradient (for the S, hero accents) === */
  --tsa-grad-s:       linear-gradient(180deg, #3730C8 0%, #4F46E5 28%, #3B82F6 60%, #60C8FF 100%);
  --tsa-grad-hero:    linear-gradient(135deg, #0D1B4B 0%, #1A1060 30%, #2D1B8F 55%, #1A3A8F 80%, #0A2560 100%);

  /* === TEXT === */
  --tsa-text:         #04050F;
  --tsa-text-soft:    #3E4060;
  --tsa-text-faint:   #6B6E8A;
  --tsa-text-ghost:   #AAAACC;
  --tsa-text-on-dark: #FFFFFF;
  --tsa-text-on-dark-soft: rgba(255,255,255,0.66);
  --tsa-text-on-dark-faint: rgba(255,255,255,0.42);

  /* === STATUS — functional, NOT brand === */
  --tsa-pass:         #0F7B3F;
  --tsa-pass-bg:      #DEF1E5;
  --tsa-flag:         #B45309;
  --tsa-flag-bg:      #FEF3D7;
  --tsa-crit:         #B91C1C;
  --tsa-crit-bg:      #FEE2E2;

  /* Advisory uses brand indigo deliberately — see WO §3.1 #2 */
  --tsa-adv:          #4F46E5;
  --tsa-adv-bg:       #E8E5FB;

  --tsa-info:         #1E40AF;
  --tsa-info-bg:      #DBEAFE;

  /* === Type === */
  --tsa-font-display: 'Outfit', sans-serif;
  --tsa-font-body:    'IBM Plex Sans', sans-serif;
  --tsa-font-mono:    'IBM Plex Mono', monospace;

  /* === Motion === */
  --tsa-ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --tsa-dur-fast:     120ms;
  --tsa-dur-medium:   220ms;

  /* === Elevation (very light — this is a regulator-facing UI) === */
  --tsa-shadow-sm:    0 1px 2px rgba(10, 37, 64, 0.06);
  --tsa-shadow-md:    0 4px 12px rgba(10, 37, 64, 0.08);
  --tsa-shadow-lg:    0 24px 60px -20px rgba(10, 37, 64, 0.18);
}