/* ==========================================================================
   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;

  /* Which half of the fleet is being edited. These identify a scope, they do
     not encode how anything is doing — so they are used only where the two
     hidden lists have to be told apart, never on a figure. */
  --scope-real:      #5b9dff;
  --scope-real-soft: rgba(91, 157, 255, 0.12);
  --scope-demo:      #c084fc;

  /* Correlazione stretta: un quarto significato, né P&L né ambito. Blu pieno
     perché deve dire "guarda qui" senza confondersi con nient'altro. */
  --corr-tight:      #2563eb;
  --corr-tight-hi:   #3b82f6;
  --scope-demo-soft: rgba(192, 132, 252, 0.14);
  --scope-cent:      #fb923c;
  --scope-cent-soft: rgba(251, 146, 60, 0.14);

  --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;
  --t-hero: 3rem;      /* the one figure a view leads with */

  --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;

  /* --- Printed report ------------------------------------------------------
     A PDF is paper, not a screen: the dark ground would eat a cartridge and
     read badly, so the report has its own light set. Same meaning as above —
     green up, red down, teal for structure — restated for white paper, where
     the screen values are too pale to hold. */
  --paper:            #ffffff;
  --paper-tint:       #f4f7fb;
  --paper-band:       #0e1c2e;   /* the header band, the one dark area */
  --paper-line:       #d5dde9;
  --paper-line-soft:  #ebf0f7;
  --paper-ink:        #0f1724;
  --paper-ink-dim:    #55617a;
  --paper-ink-muted:  #8a94a8;
  --paper-up:         #0f7a49;
  --paper-up-soft:    #e3f5ec;
  --paper-down:       #bf2f2c;
  --paper-down-soft:  #fdeceb;
  --paper-accent:     #0d7c74;
  --paper-accent-soft:#e1f4f2;
}