/* ===== Dev Panel Design-Tokens + Marken-Fonts =====
   Farbwelt 2026-09-06 direkt aus dem Referenzbild des Users AUSGEMESSEN
   (Pixel-Sampling, nicht geschätzt) - erst Umstellung von das fruehere Rot auf
   Violett, dann Feinabgleich auf die tatsächlichen Bildwerte.

   Gemessene Leitwerte aus der Vorlage:
     Hintergrund dunkelste Stelle  #020308
     Hintergrund Mittel            #06080f .. #0a0b16
     Kartenfläche                  #0b0c17
     Kartenkopf / erhöht           #171922
     Kartenrand                    #16141f
     aktive Navigations-Pill       #262141 -> #211747
     Neon-Spitzlichter (Glow)      #ccafff / #d2bafb / #e4b6fa

   Kernaussage der Messung: Die Flächen sind FAST SCHWARZ mit leichtem
   Blaustich - das Violett taucht ausschließlich als Leuchten auf, nie als
   Flächenfarbe. Deshalb sind --void/--surface/--elevated bewusst sehr
   dunkel und nur --c ist ein helles Lavendel.

   Die Variablennamen bleiben unverändert, damit jede bestehende Regel wie
   rgba(var(--c),.5) automatisch mitschwenkt. */
:root{
  --c:204,175,255;        /* Neon-Lavendel (Glow/Icons)  #ccafff */
  --c2:61,48,110;         /* mittleres Violett (Verläufe) */
  --c3:33,23,71;          /* dunkles Violett  #211747     */
  --muted:#7d7f93;

  /* Grundflächen - gemessen, nicht geschätzt. */
  --void:#020308; --surface:#0b0c17; --elevated:#171922;

  /* Rückwärtskompatible Alias-Namen. */
  --rgb-red:61,48,110; --rgb-hot:204,175,255;

  /* Glasflächen: sehr dunkel, damit der Hintergrund nur durchschimmert
     statt durchzuschlagen (im Bild sind die Karten fast undurchsichtig). */
  --glass:rgba(11,12,23,.90);
  --glass-strong:rgba(2,3,8,.96);
  --glass-soft:rgba(23,25,34,.74);

  /* Ränder: im Bild sehr dezent (#16141f gegen #0b0c17). */
  --line:rgba(255,255,255,.07);
  --line-strong:rgba(255,255,255,.13);
  --line-accent:rgba(204,175,255,.34);

  /* Leuchten - der einzige Ort, an dem Violett kräftig wird. */
  --glow:0 0 24px rgba(204,175,255,.40);
  --glow-soft:0 0 14px rgba(204,175,255,.22);

  /* Statusfarben, ebenfalls aus dem Bild gemessen. */
  --st-red:#fc626f;
  --st-yellow:#fac152;
  --st-green:#15d6a3;
  --st-teal:#22fbec;
  --st-blue:#55a8ff;

  --txt:#ffffff;
  --txt-dim:rgba(255,255,255,.62);
  --txt-faint:rgba(255,255,255,.36);
}
@font-face{ font-family:'Outfit';       src:url('fonts/outfit-variable.woff2') format('woff2-variations'); font-weight:100 900; font-display:swap }
@font-face{ font-family:'Bebas Neue';   src:url('fonts/bebas-neue-400.woff2') format('woff2'); font-weight:400; font-display:swap }
@font-face{ font-family:'Inter'; src:url('fonts/inter-400.woff2') format('woff2'); font-weight:400; font-display:swap }
@font-face{ font-family:'Inter'; src:url('fonts/inter-600.woff2') format('woff2'); font-weight:600; font-display:swap }
@font-face{ font-family:'Inter'; src:url('fonts/inter-700.woff2') format('woff2'); font-weight:700; font-display:swap }
@font-face{ font-family:'Inter'; src:url('fonts/inter-800.woff2') format('woff2'); font-weight:800; font-display:swap }
/* 2026-09-15: inter-900.woff2 lag schon im fonts/-Ordner, war aber nie
   deklariert - font-weight:900 fiel dadurch still auf die 800er-Datei
   zurueck. Die CVS-Wortmarke braucht den echten Black-Schnitt. */
@font-face{ font-family:'Inter'; src:url('fonts/inter-900.woff2') format('woff2'); font-weight:900; font-display:swap }
/* Outfit (2026-09-15) - dieselbe Schrift wie shop.tstudio3d.com fuer
   Ueberschriften und gesperrte Labels. EINE Variable-Font-Datei deckt
   alle Gewichte ab, deshalb der Bereich 100..900 statt sieben Dateien.
   SIL Open Font License, lokal gehostet wie alle anderen - die CSP des
   Panels ist 'self', extern eingebundene Schriften wuerden blockiert. */
@font-face{ font-family:'Outfit'; src:url('fonts/outfit-variable.woff2') format('woff2-variations'); font-weight:100 900; font-display:swap }
@font-face{ font-family:'JetBrains Mono'; src:url('fonts/jetbrains-mono-500.woff2') format('woff2'); font-weight:500; font-display:swap }
@font-face{ font-family:'JetBrains Mono'; src:url('fonts/jetbrains-mono-700.woff2') format('woff2'); font-weight:700; font-display:swap }