/* =====================================================================
   FUTURE TRADER — Geteiltes HUD-Theme für ALLE Tools (tools/*.html)
   Single Source of Truth: spiegelt die Tokens aus site.css.
   "Klug dosiert": Void/Orange + dezentes Grid, KEINE Scanlines
   (dichte Tabellen/Rechner bleiben ruhig lesbar).
   ===================================================================== */
:root{
  --void:#030303;
  --panel:#0a0a0c;
  --panel2:#121216;
  --orange:#FF5E00;
  --orange-glow:#FF8C42;
  --orange-10:rgba(255,94,0,.10);
  --orange-45:rgba(255,94,0,.45);
  --white:#F4F4F5;
  --border:#222225;
  --dim:#9aa0ab;
  --dimmer:#6b6b73;
  --alert:#FF003C;
  --success:#34d399;
}

html,body{ background-color:var(--void); color:var(--white); }
body{
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  /* dezentes HUD-Grid wie auf der Website — KEINE Scanlines */
  background-image:
    linear-gradient(to right,  rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:48px 48px;
  background-attachment:fixed;
}

::selection{ background:var(--orange); color:var(--void); }

/* HUD-Scrollbar (wie site.css) */
::-webkit-scrollbar{ width:9px; height:9px; }
::-webkit-scrollbar-track{ background:#050505; }
::-webkit-scrollbar-thumb{ background:#2a2a2e; border-radius:0; }
::-webkit-scrollbar-thumb:hover{ background:var(--orange); }

/* Font-Helfer (für Labels/Zahlen im HUD-Stil) */
.ft-mono{ font-family:'JetBrains Mono',monospace; }
.ft-tech{ font-family:'Share Tech Mono',monospace; }

/* Angular: Range-Slider in Markenfarbe */
input[type=range]{ accent-color:var(--orange); }