/* Lumique-Branding — überschreibt die fruity_twentythree-Bootstrap-Variablen.
   Werte übernommen aus frontend/shared/css/tokens.css (LumiqueSurveys-Repo). */

:root {
  --bs-primary: #C84218;
  --bs-primary-rgb: 200, 66, 24;
  --bs-body-font-family: 'IBM Plex Sans', sans-serif;
  --bs-body-bg: #F7F5F0;
  --bs-body-bg-rgb: 247, 245, 240;
  --bs-body-color: #2E3546;
  --bs-body-color-rgb: 46, 53, 70;
  --bs-link-color: #C84218;
  --bs-link-hover-color: #A8380F;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Space Grotesk', sans-serif;
}

.btn-primary {
  background-color: #C84218;
  border-color: #C84218;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #A8380F !important;
  border-color: #A8380F !important;
}

/* Lumique-Footer statt "powered by LimeSurvey" */
.lumique-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 0;
  color: #2E3546;
}
.lumique-footer img {
  height: 24px;
  width: auto;
}
.lumique-footer a {
  color: #2E3546;
  text-decoration: none;
  font-size: 0.9rem;
}
.lumique-footer a:hover {
  color: #C84218;
}