/* ═══════════════════════════════════════════════════════════════
   /assets/brand-tokens.css
   Plumbline Trading Suite — shared design tokens
   Imported by every stage page. Do NOT redefine these anywhere else.
   ═══════════════════════════════════════════════════════════════ */
:root {
  /* ── Brand accents (identical across all surfaces) ───────── */
  --pl-orange:       #FF6A1A;
  --pl-orange-deep:  #D14E10;
  --pl-orange-soft:  #FF884D;
  --pl-brass:        #B8965A;
  --pl-brass-deep:   #8C7A4B;
  --pl-brass-light:  #E8CE95;

  /* ── Workspace surfaces (Stages I–IV) ────────────────────── */
  --ws-bg:        #101419;   /* page background */
  --ws-surface:   #171d24;   /* panels, cards, sidebar */
  --ws-surface-2: #1c2430;   /* nested cards, stat cards */
  --ws-border:    #2a3541;   /* hairlines */
  --ws-border-hi: #3c4855;   /* hover / emphasized borders */
  --ws-text:      #d8dee6;
  --ws-text-dim:  #a8b8c8;
  --ws-text-mute: #8a99a8;
  --ws-text-hi:   #edf2f7;

  /* ── Marketing surfaces (landing, how-to) ────────────────── */
  --mkt-bg:       #FAF7F1;
  --mkt-surface:  #FFFFFF;
  --mkt-surface-2:#F3EEE3;
  --mkt-line:     #E6DFD1;
  --mkt-text:     #14181D;
  --mkt-text-dim: #4A5058;

  /* ── Semantic (from Stage II, keep these) ────────────────── */
  --pl-pass: #8abf9b;
  --pl-fail: #c97878;
  --pl-warn: #d6a15f;
  --pl-info: #a9c8e0;

  /* ── Typography ──────────────────────────────────────────── */
  --font-display: 'Barlow Condensed', 'Bebas Neue', Impact, sans-serif;
  --font-serif:   'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'Share Tech Mono', 'SF Mono', Consolas, monospace;

  /* ── Radii / shadows ─────────────────────────────────────── */
  --radius:    12px;
  --radius-sm: 8px;
  --radius-pill: 999px;
}