/* ============================================================
   jargan-tokens.css  —  SINGLE SOURCE OF TRUTH
   Observe & Report / JARGAN design tokens.
   Drop this into BOTH web surfaces and import it first:
     • SPA:    JarganWeb/build-output/styles/jargan-tokens.css
               (add <link> in index.html BEFORE styles-instrument-paper.css)
     • Blazor: Jargan.Client/wwwroot/css/jargan-tokens.css
               (@import or <link> in index.html BEFORE compose-workbench.css)
   Then replace hardcoded hexes in those files with var(--cw-*) / var(--jg-*).
   --cw-* = Compose (the unification target). --jg-* = Instrument Paper (SPA today).
   ============================================================ */
:root {
  /* ---------- BRAND (constant across every surface) ---------- */
  --jg-brand-orange: #DD5100;   /* logo, splash, AND the Compose accent */
  --jg-brand-ink:    #231f20;

  /* ====================================================================
     COMPOSE / UNIFIED  (--cw-*)  — use for all NEW web UI
     ==================================================================== */
  --cw-accent:        #DD5100;
  --cw-accent-hover:  #C44900;
  --cw-accent-soft:   #FFEDD5;
  --cw-accent-tint:   #FFF4EA;

  --cw-canvas:   #F8FAFC;
  --cw-surface:  #FFFFFF;
  --cw-ink:      #111827;
  --cw-ink-2:    #1F2937;
  --cw-ink-3:    #4B5563;
  --cw-ink-4:    #6B7280;
  --cw-ink-5:    #9CA3AF;
  --cw-border:   #E5E7EB;
  --cw-border-2: #D1D5DB;

  /* Funnel stages (bg / border / fg) */
  --cw-stage-awareness-bg:#FDF6E9; --cw-stage-awareness-bd:#FAC775; --cw-stage-awareness-fg:#854F0B;
  --cw-stage-consideration-bg:#F2F8FD; --cw-stage-consideration-bd:#B5D4F4; --cw-stage-consideration-fg:#0C447C;
  --cw-stage-decision-bg:#F5FAEC; --cw-stage-decision-bd:#C0DD97; --cw-stage-decision-fg:#27500A;
  --cw-stage-retention-bg:#EEEDFE; --cw-stage-retention-bd:#CECBF6; --cw-stage-retention-fg:#3C3489;

  --cw-assigned: #3B6D11;
  --cw-danger:   #DC2626;

  --cw-radius-card: 10px;
  --cw-radius-ctrl: 8px;
  --cw-radius-pill: 999px;
  --cw-shadow-1: 0 1px 2px rgba(15,23,42,.04), 0 1px 3px rgba(15,23,42,.06);
  --cw-shadow-2: 0 2px 4px rgba(15,23,42,.06), 0 4px 8px rgba(15,23,42,.08);
  --cw-ease: 180ms ease-out; /* @kind other */
  --dur-fast: 150ms;
  --dur-mid: 250ms;
  --dur-slow: 350ms;
  --ease-out: ease-out;
  --ease-mechanical: cubic-bezier(0.22, 1, 0.36, 1);
  --cw-font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* ====================================================================
     INSTRUMENT PAPER  (--jg-*)  — the SPA's CURRENT shell (legacy target)
     ==================================================================== */
  --jg-black:#000; --jg-gray-900:#0d0d0d; --jg-gray-800:#1a1a1a; --jg-gray-700:#2d2d2d;
  --jg-gray-600:#4d4d4d; --jg-gray-500:#666; --jg-gray-400:#999; --jg-gray-300:#ccc;
  --jg-gray-200:#e0e0e0; --jg-gray-100:#f0f0f0; --jg-gray-50:#f8f8f8; --jg-white:#fff;

  --jg-signal-active:#9d4edd; --jg-signal-warn:#ff6d07; --jg-signal-success:#646e3a; --jg-signal-error:#cc0000;

  --jg-font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif; /* @kind font */
  --jg-font-mono:'SF Mono','Monaco','Inconsolata','Fira Code','Roboto Mono','Courier New',monospace; /* @kind font */

  --jg-space-1:8px; --jg-space-2:16px; --jg-space-3:24px; --jg-space-4:32px; --jg-space-6:48px; --jg-space-8:64px;
  --jg-line-hairline:1px; --jg-line-normal:2px; --jg-line-heavy:3px; --jg-line-bold:4px;
}