/* CARLSWERK-Feinschliff für Element Web — wird vom Host-nginx per sub_filter
   in index.html eingehängt. Farben/Fonts kommen aus dem Theme in config.json;
   hier nur, was das Theme-JSON nicht kann: Headlines in GT Sectra, Buttons
   dunkelgrün mit Orange-Hover, Login-Logo. Orange nie für Fließtext. */

:root {
  --cw-orange: #FF6900;
  --cw-orange-hover: #E55D00;
  --cw-orange-ink: #C25000;
  --cw-green: #2D3A2E;
  --cw-green-light: #3A4A3B;
  --cw-gold: #C8A96E;
}

/* Headlines (Login, Willkommen, Dialoge) in GT Sectra, dunkelgrün */
.mx_AuthBody h1,
.mx_AuthBody h2,
.mx_Welcome h1,
.mx_HomePage h1,
.mx_Dialog_title,
.mx_RoomHeader_heading {
  font-family: "GT Sectra Fine", Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.mx_AuthBody h1,
.mx_AuthBody h2,
.mx_Welcome h1 {
  color: var(--cw-green);
}
.cpd-theme-dark .mx_AuthBody h1,
.cpd-theme-dark .mx_AuthBody h2,
.cpd-theme-dark .mx_Welcome h1 {
  color: #F5F4F1;
}

/* Login-Seite: Logo-Größe, Akzentlinie oben wie bei Authentik */
.mx_AuthHeaderLogo img {
  max-height: 44px;
  width: auto;
}
.mx_AuthBody {
  border-top: 4px solid var(--cw-orange);
  border-radius: 2px;
}

/* Primär-Buttons: dunkelgrün, Hover orange (carlswerk.com) */
.mx_AccessibleButton_kind_primary,
.mx_SSOButton_default,
.mx_Login_submit {
  background-color: var(--cw-green) !important;
  color: #FFFFFF !important;
  border-color: var(--cw-green) !important;
  border-radius: 2px !important;
}
.mx_AccessibleButton_kind_primary:hover,
.mx_SSOButton_default:hover,
.mx_Login_submit:hover {
  background-color: var(--cw-orange) !important;
  border-color: var(--cw-orange) !important;
}
.mx_AccessibleButton_kind_primary_outline,
.mx_AccessibleButton_kind_secondary {
  border-radius: 2px !important;
}

/* Formular-Labels leicht gesperrt wie auf der Website */
.mx_AuthBody .mx_Field label {
  letter-spacing: 0.04em;
}

/* Fokus-Ring orange */
:focus-visible {
  outline-color: var(--cw-orange);
}