/* Theme: 1:1 aus Ben /workspace/datenlenker/akzent_v1/design_tokens_limette.css übernommen (setup/tokens-uebernehmen.py;
   nur Schriftpfade auf ../fonts/ angepasst). 0.3.3 (Martin, 27.10.: „Wir nehmen nur das dunkle Layout, das helle kann weg“):
   Bens dunkle Werte ([data-theme="dark"], Feierabend-Modus) sind jetzt die EINZIGEN Werte in :root; helle Kernrollen,
   [data-theme]-Block und prefers-color-scheme-Ergänzung entfernt. Bei erneutem Austausch: dunklen Block in :root übernehmen. */
/* ==========================================================================
   Datenlenker · Design-Tokens v1 – Variante LIMETTE (Kopie, 27.10.2026)
   Geändert ggü. design_tokens.css: --dl-accent, --dl-accent-ink, 0.4.7: Datenströme → --dl-leitung-1…4 (nur Limette/Weiß),
   dunkles Theme --dl-accent-ink. Alles andere unverändert.
   Alle Variablen mit Präfix --dl-. Kernrollen: --dl-bg, --dl-surface,
   --dl-text, --dl-accent, --dl-accent-ink. Kontraste siehe tokens.md.
   Schriften: Manrope + JetBrains Mono, SIL OFL 1.1, selbst gehostet.
   ========================================================================== */

/* ---- Schriften (Pfade relativ zu dieser Datei anpassen) ---------------- */
@font-face{font-family:"Manrope";src:url("../fonts/Manrope-latin-var.woff2") format("woff2");
  font-weight:200 800;font-style:normal;font-display:swap;}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/JetBrainsMono-latin-var.woff2") format("woff2");
  font-weight:100 800;font-style:normal;font-display:swap;}

:root{
  /* ---- Kernrollen (nur noch dunkel = Bens Feierabend-Modus) ---- */
  --dl-bg:#0A2B30; --dl-surface:#12474E; --dl-card:#0F3B41;
  --dl-text:#E9F1F0; --dl-muted:#A9C4C3; --dl-line:#24585E;
  --dl-accent:#A6D84A;        /* Signal Limette: Fläche/Linie/Punkt · 7,3:1 auf petrol */
  --dl-accent-ink:#A6D84A;    /* Bens dunkler Wert: auf dunkel darf Limette Text sein (8,9:1 auf petrol-deep, 7,3:1 auf petrol, 6,2:1 auf tile) */
  --dl-on-accent:#14272C;     /* Text auf Akzent-Button 9,3:1 (unverändert) */
  --dl-teal:#A9C4C3; /* 0.4.7: Teal → gedämpftes Weiß-Petrol */

  /* ---- Petrol-Bühne (Hero, dunkle Bänder) ---- */
  --dl-petrol:#0F3B41;
  --dl-petrol-deep:#0A2B30;
  --dl-petrol-tile:#12474E;
  --dl-on-petrol:#E9F1F0;       /* 10,6:1 auf petrol */
  --dl-on-petrol-muted:#A9C4C3; /* 6,6:1 auf petrol, 5,6:1 auf tile */
  --dl-petrol-glow:#18545A;     /* Hero-Licht hinter der Weiche (nur Verlauf, kein Text); ersetzt --dl-grid (Raster entfällt, v2) */

  /* ---- Datenströme (nur Grafik, kein Text) ---- */
  /* 0.4.7 (Martin: nur Petrol/Limette/Weiß; Bens Vorgabe): Blau/Lila/Sand/Koralle → Limette und Weiß mit Deckkraft */
  --dl-leitung-1:#A6D84A; --dl-leitung-2:rgba(255,255,255,.7); --dl-leitung-3:rgba(166,216,74,.55); --dl-leitung-4:rgba(255,255,255,.4);

  /* ---- Typografie ---- */
  --dl-font-sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --dl-font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --dl-fs-hero:clamp(2.6rem,1.2rem + 5.2vw,5rem);   /* Hero-Headline, Gewicht 800 */
  --dl-fs-h1:clamp(2rem,1.3rem + 2.6vw,3rem);
  --dl-fs-h2:clamp(1.5rem,1.1rem + 1.4vw,2.1rem);
  --dl-fs-h3:1.25rem;
  --dl-fs-body:1.0625rem;  --dl-fs-small:.875rem;  --dl-fs-label:.75rem;
  --dl-lh-tight:1.04; --dl-lh-head:1.15; --dl-lh-body:1.55;
  --dl-tracking-hero:-.03em; --dl-tracking-label:.1em;

  /* ---- Raster, Radien, Abstände ---- */
  --dl-radius-pill:999px; --dl-radius-card:16px; --dl-radius-sm:10px;
  --dl-space-1:4px; --dl-space-2:8px; --dl-space-3:12px; --dl-space-4:16px; --dl-space-5:24px;
  --dl-space-6:32px; --dl-space-7:48px; --dl-space-8:72px; --dl-space-9:112px;
  --dl-container:1200px;
  --dl-stroke:2px; --dl-stroke-strong:3px;  /* Linienstärke Icons/Leitlinie */
  --dl-shadow-card:0 1px 2px rgba(20,39,44,.06),0 8px 24px rgba(20,39,44,.06);

  /* ---- Bewegung ---- */
  --dl-ease-out:cubic-bezier(.22,.61,.36,1);   /* Standard: ruhig */
  --dl-ease-back:cubic-bezier(.34,1.56,.64,1); /* nur Hero-Einrasten / Stecker */
  --dl-dur-fast:200ms; --dl-dur-base:300ms; --dl-dur-max:500ms; /* Mikroanimationen ≤ 500 ms */
  --dl-hero-loop:8s;
}

/* ---- Reduzierte Bewegung: Standbilder ---- */
@media (prefers-reduced-motion:reduce){
  :root{--dl-dur-fast:0ms;--dl-dur-base:0ms;--dl-dur-max:0ms;}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}

/* Stations-Icons: Linienfarbe hell, Aussparungen dunkel (Bens Feierabend-Werte, jetzt immer) */
.dl-station{--dl-petrol:#E9F1F0;--dl-bg:#0F3B41;--dl-line:#24585E;}