/* ═══════════════════════════════════════════════════════
   TONI - DYNAMISCHE FARBEN (Rolle: nicht eingeloggt)
   ═══════════════════════════════════════════════════════ */

:root {
    --primary-color: #c31924;
    --primary-dark: #8f1119;
    --primary-light: #ffd1d1;
    --primary-border: #f0c4c7;
}

/* Header */
header {
    background: var(--primary-color) !important;
}

/* Navigation (falls vorhanden) */
.quick-nav a.primary,
nav a.primary {
    background: var(--primary-color) !important;
}

/* Section-Rahmen */
.menu-section {
    border-color: var(--primary-color) !important;
}

.section-toggle {
    color: var(--primary-color) !important;
}

.section-toggle:focus {
    outline-color: var(--primary-light) !important;
}

.section-body {
    border-top-color: var(--primary-border) !important;
}

/* Buttons */
.menu-button {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.menu-button:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/* Links */
a.button,
a.btn-primary {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

a.button:hover,
a.btn-primary:hover {
    background: var(--primary-dark) !important;
}

/* Footer */
footer {
    border-top-color: var(--primary-color) !important;
}

/* Tabellen-Header */
table thead {
    background: var(--primary-light) !important;
    border-color: var(--primary-color) !important;
}

/* Formulare */
input[type="submit"],
button[type="submit"],
.btn-submit {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.btn-submit:hover {
    background: var(--primary-dark) !important;
}

/* Alerts & Meldungen */
.alert-primary,
.message-primary {
    background: var(--primary-light) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-dark) !important;
}

/* Cards & Boxen */
.card-header,
.box-header {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/* Badges */
.badge-primary {
    background: var(--primary-color) !important;
}

/* Active States */
.active,
.selected {
    border-color: var(--primary-color) !important;
    background: var(--primary-light) !important;
}

/* Loading Spinner (falls vorhanden) */
.spinner,
.loader {
    border-color: var(--primary-light) !important;
    border-top-color: var(--primary-color) !important;
}