/*
 * Gemeinsames Markendesign fuer Gast- und Admin-Seiten: Farbvariablen plus
 * die Bootstrap-5.1.1-Overrides (die Version liest .btn-primary/Links noch
 * aus festen Hex-Werten, nicht aus CSS-Variablen - siehe Kommentar unten).
 * Wird von css/style.css (Gast-Seiten) und css/admin.css (Admin) geladen,
 * damit die Markenfarbe an genau einer Stelle gepflegt wird.
 */

:root {
    --fx-teal: #00b1ac;
    /* dunklerer Ton fuer ausreichenden Kontrast auf Weiss (Buttons, Links, Fokus) */
    --fx-teal-dark: #00726f;
    --fx-teal-darker: #00504e;
}

*{
    box-sizing: border-box;
}

/* Bootstrap 5.1.1 verwendet fuer .btn-primary/Links/Fokus-Ringe noch feste
   Hex-Werte statt CSS-Variablen (das kam erst mit 5.2+) - daher hier direkte
   Klassen-Overrides statt --bs-primary o.ae. zu setzen. */
a {
    color: var(--fx-teal-dark);
}
a:hover {
    color: var(--fx-teal);
}

.btn-primary {
    background-color: var(--fx-teal-dark);
    border-color: var(--fx-teal-dark);
}
.btn-primary:hover,
.btn-primary:active {
    background-color: var(--fx-teal-darker);
    border-color: var(--fx-teal-darker);
}
.btn-primary:focus {
    background-color: var(--fx-teal-darker);
    border-color: var(--fx-teal-darker);
    box-shadow: 0 0 0 .25rem rgba(0, 177, 172, .5);
}