/* KitaConnect Brand Overrides */

/* Primärfarbe für Buttons und Akzente */
:root {
    --cpd-color-green-900: #2d5a27;
    --cpd-color-green-800: #356630;
    --cpd-color-green-700: #3d7238;
    --cpd-color-green-600: #4a8c3f;
    --cpd-color-green-500: #5aa34d;
    --cpd-color-green-400: #72b866;
    --cpd-color-green-300: #96cc8c;
    --cpd-color-green-200: #c0e0bb;
    --cpd-color-green-100: #e0f0de;
}

/* Login-Screen */
.mx_AuthPage {
    background: linear-gradient(135deg, #f0f7ef 0%, #e8f5e6 100%) !important;
}

.mx_AuthBody {
    border-top: 4px solid #4a8c3f !important;
}

/* Willkommens-Bild ersetzen durch Logo */
.mx_Welcome img,
.mx_AuthPage .mx_Welcome_logo img {
    content: url("/kitaconnect-logo.svg") !important;
}

/* Browser-Tab Titel wird via brand: "KitaConnect" in config.json gesetzt */

/* Sidebar Anpassung */
.mx_LeftPanel {
    background-color: #2d5a27 !important;
}

/* Schrift auf Sidebar weiß */
.mx_SpaceButton_name,
.mx_RoomTile_name {
    color: #f0f7ef;
}

/* Primary Button */
.mx_AccessibleButton.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_primary {
    background-color: #4a8c3f !important;
}
.mx_AccessibleButton.mx_AccessibleButton_hasKind.mx_AccessibleButton_kind_primary:hover {
    background-color: #356630 !important;
}

/* Links */
a { color: #4a8c3f; }
a:hover { color: #2d5a27; }