/* ============================================================
   PureBrain — CEO / Co-CEO Strategic Operating Platform
   brand.css — design tokens (single source of truth)
   Brand: Oswald · orange #f1420b + blue #2a93c1 · "Pure fade" through white
   Committed premium-dark cockpit aesthetic with luminous accents.
   ============================================================ */

:root {
  /* --- Brand palette (canonical from pure-branding/brand.json) --- */
  --bright-orange: #f1420b;
  --orange:        #ed6626;
  --light-blue:    #2a93c1;
  --med-blue:      #3b9bd5;
  --dark-blue:     #3a60ab;
  --super-light-blue: #009dd9;
  --grey:          #7f7f7f;
  --black:         #000000;
  --white:         #ffffff;

  /* Semantic brand roles */
  --primary:   var(--light-blue);
  --accent:    var(--bright-orange);
  --accent-2:  var(--orange);

  /* --- Surface ramp (dark cockpit) --- */
  --ground:    #070912;   /* app background, deepest */
  --surface:   #0e111c;   /* cards / panels */
  --surface-2: #141826;   /* raised / hover */
  --surface-3: #1b2032;   /* inputs / wells */

  /* --- Ink ramp --- */
  --ink:   #f4f6fb;       /* primary text */
  --ink-2: #aeb6c7;       /* secondary */
  --ink-3: #6b7488;       /* tertiary / captions */

  /* --- Lines --- */
  --line:   rgba(255,255,255,.08);
  --line-2: rgba(255,255,255,.14);
  --line-glow: rgba(42,147,193,.35);

  /* --- Semantic status --- */
  --green:      #2fd07f;  --green-soft: rgba(47,208,127,.14);
  --amber:      #f5b544;  --amber-soft: rgba(245,181,68,.14);
  --red:        #f2544b;  --red-soft:   rgba(242,84,75,.14);
  --blue-soft:  rgba(42,147,193,.14);
  --orange-soft:rgba(241,66,11,.14);

  /* --- Signature gradients --- */
  /* "Pure fade" — MUST pass through white for static use (brand rule) */
  --pure-fade: linear-gradient(100deg, #2a93c1 0%, #ffffff 50%, #f1420b 100%);
  --accent-grad: linear-gradient(135deg, #f1420b 0%, #ed6626 100%);
  --blue-grad:   linear-gradient(135deg, #2a93c1 0%, #3a60ab 100%);
  --glow-grad:   radial-gradient(120% 120% at 0% 0%, rgba(42,147,193,.20), transparent 55%),
                 radial-gradient(120% 120% at 100% 0%, rgba(241,66,11,.16), transparent 55%);

  /* --- Typography --- */
  --font-head: 'Oswald', 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  /* --- Elevation --- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.3);
  --shadow-md: 0 6px 20px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.3);
  --shadow-lg: 0 20px 50px rgba(0,0,0,.5), 0 6px 16px rgba(0,0,0,.4);
  --shadow-glow: 0 0 0 1px var(--line-glow), 0 10px 40px rgba(42,147,193,.12);

  /* --- Geometry --- */
  --sidebar-w: 236px;
  --topbar-h:  60px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;

  --tabnum: tabular-nums;
}

/* Tabular numerals for all money / metrics */
.mono, .num { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; }