/* ==========================================================================
   Design tokens — EA Dashboard
   Palette matched to the Blodsalgo reference: deep navy ground, teal accent
   for navigation and active states, green/red reserved for P&L only.
   ========================================================================== */

:root {
  --ground:         #0a0e18;
  --sidebar:        #0c111e;
  --surface:        #111726;
  --surface-raised: #161d2f;
  --pill:           #131a2b;
  --line:           #1e2637;
  --line-soft:      #171e2d;

  --ink:            #e9edf5;
  --ink-dim:        #8d97ac;
  --ink-muted:      #5c6680;

  --accent:         #2dd4c8;   /* teal — nav / active / links, never P&L   */
  --accent-soft:    rgba(45, 212, 200, 0.12);

  --up:             #3ecf8e;
  --up-soft:        rgba(62, 207, 142, 0.12);
  --down:           #f2716f;
  --down-soft:      rgba(242, 113, 111, 0.12);
  --warn:           #f0b850;
  --warn-soft:      rgba(240, 184, 80, 0.12);
  --idle:           #56607a;
  --offline:        #7a869c;

  --font-text: "Inter", ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-num:  "IBM Plex Mono", ui-monospace, "SF Mono", "Cascadia Mono", monospace;

  --t-xs:   0.6875rem;
  --t-sm:   0.8125rem;
  --t-base: 0.875rem;
  --t-md:   1.0625rem;
  --t-lg:   1.5rem;
  --t-xl:   1.875rem;

  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px;

  --radius:    8px;
  --radius-sm: 5px;
  --radius-pill: 999px;

  --sidebar-w: 232px;
}