/* =====================================================================
   Dimension-Zero — Theme-System (CSS-Variablen)
   Ein Theme = ein Satz Variablen an [data-theme="…"]. Umschalten tauscht nur
   den Variablenblock; die Seiten selbst bleiben unverändert.

   Diese Datei wird NACH app.css eingebunden und überschreibt deren :root.
   Neue Themes: einfach einen weiteren [data-theme="key"]-Block ergänzen
   (bzw. später admin-/DB-gesteuert).
   ===================================================================== */

/* -------------------------------------------------------------------
   DEEPSPACE (Standard) — abgeleitet aus dem Metallmine-Render:
   sehr dunkles Blaugrün-Schwarz, warmes Orange als Leitakzent,
   helles Cyan-Glühen, Stahlblau für Flächen.
   ------------------------------------------------------------------- */
:root,
[data-theme="deepspace"] {
  --bg:      #05121c;   /* tiefer Weltraum-Hintergrund (aus #001818/#001830) */
  --bg-2:    #0a1a26;   /* leicht erhöhter Hintergrund (Verläufe) */
  --panel:   #0f2233;   /* Kartenfläche, Stahlblau-dunkel */
  --panel-2: #143047;   /* erhöhte Fläche / Hover (aus #304878) */
  --border:  #21445f;   /* Rahmen, kühles Blau */
  --text:    #dfeaff;   /* heller, leicht bläulicher Text */
  --muted:   #7fa0bd;   /* gedämpfter Text, Stahlblau-hell */

  --accent:      #ff8703;   /* LEITAKZENT: Orange aus dem Bild (#ff8703) */
  --accent-2:    #ffab3d;   /* helleres Orange (Hover) */
  --accent-glow: #ff870355; /* Orange-Glühen (Schatten/Leuchten) */

  --cyan:      #9ae5ff;   /* Cyan-Glühen aus dem Bild (#9ae5ff) */
  --cyan-glow: #9ae5ff44;

  --ok:   #35c46a;   /* Erfolg/eigener Planet (grün) */
  --warn: #ffcf4d;   /* Warnung (amber-gelb) */
  --err:  #ff5a52;   /* Gefahr/Angriff/Löschen (rot) */

  --link: var(--cyan);      /* Links im Cyan-Glühen statt Blau */
  --radius: 12px;
  --shadow: 0 4px 18px rgba(0,0,0,0.45);
  --glow: 0 0 12px var(--accent-glow);
}

/* -------------------------------------------------------------------
   NEBULA — violett/magenta, geheimnisvoll
   ------------------------------------------------------------------- */
[data-theme="nebula"] {
  --bg:      #120a1e;
  --bg-2:    #1a1030;
  --panel:   #1f1436;
  --panel-2: #2c1d4d;
  --border:  #45306b;
  --text:    #efe6ff;
  --muted:   #a98fce;
  --accent:      #c04bff;
  --accent-2:    #d47dff;
  --accent-glow: #c04bff55;
  --cyan:      #ff7bd5;
  --cyan-glow: #ff7bd544;
  --ok:   #48d19a;
  --warn: #ffcf4d;
  --err:  #ff5a7a;
  --link: var(--cyan);
  --radius: 12px;
  --shadow: 0 4px 18px rgba(0,0,0,0.5);
  --glow: 0 0 12px var(--accent-glow);
}

/* -------------------------------------------------------------------
   TERMINAL — grün auf schwarz, Retro
   ------------------------------------------------------------------- */
[data-theme="terminal"] {
  --bg:      #04100a;
  --bg-2:    #071a10;
  --panel:   #08210f;
  --panel-2: #0d3018;
  --border:  #1c5c30;
  --text:    #c6ffd4;
  --muted:   #6fb587;
  --accent:      #39ff88;
  --accent-2:    #6effa8;
  --accent-glow: #39ff8855;
  --cyan:      #8affd0;
  --cyan-glow: #8affd044;
  --ok:   #39ff88;
  --warn: #eaff5a;
  --err:  #ff6a5a;
  --link: var(--accent);
  --radius: 6px;
  --shadow: 0 4px 14px rgba(0,0,0,0.55);
  --glow: 0 0 10px var(--accent-glow);
}

/* -------------------------------------------------------------------
   SOLAR — warmes Amber, hell/freundlich
   ------------------------------------------------------------------- */
[data-theme="solar"] {
  --bg:      #1c1408;
  --bg-2:    #271c0d;
  --panel:   #2f2410;
  --panel-2: #43331a;
  --border:  #6b5024;
  --text:    #fff3df;
  --muted:   #c7a97f;
  --accent:      #ffb300;
  --accent-2:    #ffcb4d;
  --accent-glow: #ffb30055;
  --cyan:      #ffd98a;
  --cyan-glow: #ffd98a44;
  --ok:   #b6d13a;
  --warn: #ffcf4d;
  --err:  #ff6a4d;
  --link: var(--accent-2);
  --radius: 12px;
  --shadow: 0 4px 16px rgba(0,0,0,0.4);
  --glow: 0 0 12px var(--accent-glow);
}

/* -------------------------------------------------------------------
   VOID — fast schwarz, hoher Kontrast
   ------------------------------------------------------------------- */
[data-theme="void"] {
  --bg:      #000000;
  --bg-2:    #0a0a0a;
  --panel:   #101012;
  --panel-2: #1b1b1f;
  --border:  #33333a;
  --text:    #f2f2f5;
  --muted:   #8a8a95;
  --accent:      #ff8703;
  --accent-2:    #ffab3d;
  --accent-glow: #ff870366;
  --cyan:      #9ae5ff;
  --cyan-glow: #9ae5ff44;
  --ok:   #35c46a;
  --warn: #ffcf4d;
  --err:  #ff5a52;
  --link: var(--cyan);
  --radius: 10px;
  --shadow: 0 4px 20px rgba(0,0,0,0.7);
  --glow: 0 0 12px var(--accent-glow);
}

/* -------------------------------------------------------------------
   HELL — helles Theme (Barrierefreiheit / Tag)
   ------------------------------------------------------------------- */
[data-theme="hell"] {
  --bg:      #eef2f7;
  --bg-2:    #e4eaf2;
  --panel:   #ffffff;
  --panel-2: #f2f6fb;
  --border:  #c7d3e0;
  --text:    #16222f;
  --muted:   #5a6b7d;
  --accent:      #d96a00;
  --accent-2:    #ff8a1f;
  --accent-glow: #d96a0033;
  --cyan:      #0a7ea4;
  --cyan-glow: #0a7ea422;
  --ok:   #1f9d57;
  --warn: #b8860b;
  --err:  #d13b33;
  --link: var(--cyan);
  --radius: 12px;
  --shadow: 0 2px 10px rgba(0,0,0,0.12);
  --glow: 0 0 10px var(--accent-glow);
}