/* NOVA Design-Tokens - EINZIGE Quelle fuer Farben/Schriften/Akzentsystem.
   Von JEDEM Fenster eingebunden (Hauptfenster + alle Sub-Fenster: Globus,
   Finanz-Radar, Musik, API-Radar, Erinnerungen, Einstellungen) - VOR dem
   fensterspezifischen Stylesheet/<style>-Block. Vorher hatte jedes Fenster
   seine eigene Kopie dieser Werte (siehe Design-Audit 2026-07); die Kopien
   drifteten bereits auseinander UND banden die @font-face-Regeln nie ein,
   wodurch die Sub-Fenster unbemerkt auf Segoe UI zurueckfielen.

   Aenderungen NUR hier - nicht mehr pro Fenster kopieren (siehe ROADMAP-Regel
   "UI-Drift-Stopp"). */

@font-face { font-family: "Chakra Petch"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/chakra-600.woff2") format("woff2"); }
@font-face { font-family: "Chakra Petch"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/chakra-700.woff2") format("woff2"); }
@font-face { font-family: "Sora"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/sora-400.woff2") format("woff2"); }
@font-face { font-family: "Sora"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/sora-600.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/jbmono-500.woff2") format("woff2"); }

:root {
  --ink: #02040a;
  --bg: #05080f;
  --bg-soft: #0b1322;
  --fg: #eaf2fb;
  --fg-dim: #76869f;
  --accent: #3ee0ff;     /* NOVA-Cyan (Default-Farbe) */
  --accent-2: #5b8cff;   /* Elektroblau */
  --accent-3: #00ffd0;   /* Energie-Tuerkis */
  /* RGB-Tripel derselben Farben (kommagetrennt) - ermoeglicht rgba(var(--accent-rgb), X)
     mit variabler Deckkraft, ohne fuer jede Opacity-Stufe eine eigene Variable zu brauchen.
     MUSS zur Hex-Farbe direkt darueber passen. */
  --accent-rgb: 62, 224, 255;
  --accent-2-rgb: 91, 140, 255;
  --accent-3-rgb: 0, 255, 208;
  --accent-tint: #d6fbff;  /* helle Text-/Hover-Tinte der Akzentfarbe */
  --gold: #ffca40;       /* HUD-Gold (dezente Akzente) */
  --danger: #ff6b6b;
  --warn: #ffcd5b;
  --ok: #4dd49b;
  --border: #1b2740;
  --glass: rgba(12, 19, 34, 0.6);
  --font-display: "Chakra Petch", "Segoe UI", system-ui, sans-serif;
  --font-body: "Sora", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Consolas", ui-monospace, monospace;
  /* NOVAs EIGENE Farbe als zweite Rolle neben --accent: Agenten-Fenster
     (Dev Studio) biegen --accent auf ihre Identitaet um und brauchen
     trotzdem NOVAs Farbe - z. B. fuer eine Rueckfrage, die auf Sir wartet.
     Folgt denselben Varianten wie --accent (Bloecke unten). */
  --nova: #5b8cff; --nova-rgb: 91, 140, 255; --nova-tint: #8fb4ff; --nova-light: #d4e2ff;
}

/* ===== Akzentfarbe (Funktion "Farbe aendern", Einstellungen -> 5 zur Wahl) =====
   Gilt ueberall, wo bisher Blau war (Hintergrund-Toenungen, Buttons, HUD-
   Linien, Orb) - in JEDEM Fenster, das tokens.css einbindet. Agenten (Dev/
   Ops/Marketing/Support) behalten ihre eigenen Farben - die setzen ihre
   eigenen --accent(-rgb)-Werte in einem spezifischeren/spaeteren Scope
   (z. B. #dev-panel.dev-console in style.css) und werden davon NICHT
   ueberschrieben. body.mode-local (Verkaufsversion-Signal) steht bewusst
   NACH diesem Block und gewinnt daher immer, auch bei gewaehlter Akzentfarbe. */
body[data-accent="red"] {
  --nova: #ff4d5e; --nova-rgb: 255, 77, 94; --nova-tint: #ff8a95; --nova-light: #ffe0e2;
  --accent: #ff4d5e; --accent-2: #ff7a45; --accent-3: #ff2e7e;
  --accent-rgb: 255, 77, 94; --accent-2-rgb: 255, 122, 69; --accent-3-rgb: 255, 46, 126;
  --accent-tint: #ffe0e2;
}
body[data-accent="green"] {
  --nova: #3ddc84; --nova-rgb: 61, 220, 132; --nova-tint: #86ecb3; --nova-light: #d9ffe9;
  --accent: #3ddc84; --accent-2: #1fb872; --accent-3: #8effc4;
  --accent-rgb: 61, 220, 132; --accent-2-rgb: 31, 184, 114; --accent-3-rgb: 142, 255, 196;
  --accent-tint: #d9ffe9;
}
body[data-accent="brown"] {
  --nova: #d0904f; --nova-rgb: 208, 144, 79; --nova-tint: #e8b783; --nova-light: #fbe6cf;
  --accent: #d0904f; --accent-2: #f0b877; --accent-3: #8a5a2e;
  --accent-rgb: 208, 144, 79; --accent-2-rgb: 240, 184, 119; --accent-3-rgb: 138, 90, 46;
  --accent-tint: #fbe6cf;
}
body[data-accent="violet"] {
  --nova: #a78bfa; --nova-rgb: 167, 139, 250; --nova-tint: #c6b4fc; --nova-light: #ece2ff;
  --accent: #a78bfa; --accent-2: #7c5cff; --accent-3: #e0b3ff;
  --accent-rgb: 167, 139, 250; --accent-2-rgb: 124, 92, 255; --accent-3-rgb: 224, 179, 255;
  --accent-tint: #ece2ff;
}
/* "blue" (Default/Novablau) braucht keinen eigenen Block - das SIND die
   :root-Werte oben, body[data-accent="blue"] ist gleichbedeutend mit gar
   keinem data-accent-Attribut. */

/* ===== Humanoider Modus (Nutzer 2026-08-30: NOVA "transformiert sich in
   diese gestalt") =====
   Traegt NOVAs Praesenz-Blau. Die Werte sind am Schriftzug und an der
   Gestalt GEMESSEN (2026-09-06): Blau-Ton 216 Grad, Mittel rgb(51,115,197),
   Lichter rgb(121,205,248); Orange 27 Grad, rgb(222,167,116). Der Akzent
   liegt gesaettigt zwischen Mittel und Licht - nicht im Cyan, das wirkte
   neben dem Schriftzug fremd. Dazu ein fast schwarzer Grund (Weltraum statt
   Marineblau).

   Der Block stand bis 2026-09-06 NUR im <style> von command.html - deshalb
   blieb jedes andere Fenster im Cyan, waehrend das Command Center schon blau
   war (Nutzer, mit Screenshot des Globus-Fensters: "die farbeinstellungen
   fuer humanoidenmodus muss auch innerhalb aller fenster greifen"). Hier ist
   er die EINE Quelle; jedes Fenster setzt nur noch body.humanoid (theme.js).

   Steht NACH den data-accent-Bloecken (der Modus schlaegt die persoenliche
   Farbwahl) und VOR body.mode-local (das Modus-Signal der Verkaufsversion
   schlaegt weiterhin alles). */
body.humanoid {
  --nova: #3b86ff; --nova-rgb: 59, 134, 255; --nova-tint: #7fb0ff; --nova-light: #dceaff;
  --accent: #3b86ff; --accent-2: #ffb35c; --accent-3: #7fd0ff;
  --accent-rgb: 59, 134, 255;
  --accent-2-rgb: 255, 179, 92;
  --accent-3-rgb: 127, 208, 255;
  --accent-tint: #dceaff;
  --violet: #6ea0ff;
  --bg: #03050c;
}

/* Betriebsmodus "Full Local Nova" (Verkaufsversion): eigene Akzentfarbe,
   damit jederzeit unmissverstaendlich erkennbar ist, in welchem Modus die
   App laeuft. Alle Komponenten, die var(--accent...) nutzen, faerben sich
   automatisch mit um - kein Komponenten-CSS noetig. Steht bewusst NACH den
   data-accent-Bloecken oben und gewinnt daher immer (Business-Signal schlaegt
   persoenliche Farbwahl). */
body.mode-local {
  --nova: #4dd49b; --nova-rgb: 77, 212, 155; --nova-tint: #8fe6c0; --nova-light: #ecfff5;
  --accent: #4dd49b;     /* Local-Gruen */
  --accent-2: #2fae7d;
  --accent-3: #a4f4c5;
  --accent-rgb: 77, 212, 155;
  --accent-2-rgb: 47, 174, 125;
  --accent-3-rgb: 164, 244, 197;
  --accent-tint: #ecfff5;
}