/* ═══════════════════════════════════════════════════════
   Institution-Theme – seriöse Farbvariante für Schulen,
   Kitas und Bildungseinrichtungen (B2B-Bereich)
   Überschreibt die Markenfarben aus BLATTWEISE-next.css,
   ohne deren Struktur zu ändern.
═══════════════════════════════════════════════════════ */

body.theme-institution {
  /* Primärfarben: seriöses Blau/Grün statt verspieltem Violett/Pink */
  --lnx-violet: #1D5FBF;
  --lnx-violet-dark: #144A99;
  --lnx-teal: #0E8F7A;
  --lnx-teal-dark: #0B7364;
  --lnx-coral: #2C7DA0;
  --lnx-pink: #1D5FBF;
  --lnx-blue: #1D5FBF;

  --lnx-violet-soft: #E6EEFB;
  --lnx-teal-soft: #E3F6F1;
  --lnx-coral-soft: #E7F2F7;
  --lnx-pink-soft: #E6EEFB;
  --lnx-blue-soft: #E6EEFB;

  --lnx-bg-tint: #EEF3FB;

  --lnx-gradient-brand: linear-gradient(135deg, var(--lnx-violet) 0%, var(--lnx-teal) 100%);
  --lnx-gradient-cool: linear-gradient(135deg, var(--lnx-teal) 0%, var(--lnx-violet) 100%);
  --lnx-gradient-warm: linear-gradient(135deg, var(--lnx-coral) 0%, var(--lnx-teal) 100%);
}

/* Navbar-Akzent im Institution-Theme */
body.theme-institution .navbar-learn {
  border-bottom-color: var(--lnx-violet-soft, #E6EEFB);
}

body.theme-institution .brand-svg,
body.theme-institution .btn-shimmer {
  filter: hue-rotate(0deg);
}

/* Badge zur klaren Kennzeichnung des Bereichs */
.institution-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.9rem;
  border-radius: 999px;
  background: var(--lnx-violet-soft, #E6EEFB);
  color: var(--lnx-violet-dark, #144A99);
  font-weight: 600;
  font-size: 0.85rem;
}