/* Duisburg-Markenfarbe: ersetzt das Teal von msdnet.de (und das Bernstein von Essen)
   durch ein kühles Indigo/Electric-Cyan, damit sich die Duisburg-Landingpage klar von
   msdnet.de und den anderen Städte-Seiten abhebt. Überschreibt gezielt nur die
   Farb-Variablen aus styles.css (geladen danach), der Rest des kompilierten
   Tailwind-Bundles bleibt unverändert. Die Basis-Neutraltöne (--foreground/--primary
   u. a.) sind bereits ein dunkles Navy und passen ohne Anpassung zum Indigo-Konzept. */
:root {
  --accent: #0e7490;
  --accent-foreground: #f0fdff;
  --ring: #0e7490;
  --teal: #0e7490;
  --teal-bright: #22d3ee;
}

.dark {
  --accent: #22d3ee;
  --accent-foreground: #052029;
  --ring: #22d3ee;
  --teal: #22d3ee;
  --teal-bright: #67e8f9;
}

/* Eigenständige Hero-Deko für Duisburg: scharf geschnittene, diagonale Flächen statt
   der weich verlaufenden Blur-Kreise von Essen. */
.duisburg-hero-shape {
  background: linear-gradient(135deg, var(--teal) 0%, #0f1b3d 65%);
  clip-path: polygon(100% 0, 100% 100%, 22% 100%, 46% 0);
  opacity: 0.16;
}

.dark .duisburg-hero-shape {
  opacity: 0.28;
}

.duisburg-hero-edge {
  background: var(--teal);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  opacity: 0.08;
}