/*
 * dmu.css — DentalMunichUnion Utility Classes
 *
 * Alle Farben referenzieren Tokens aus tokens.css.
 * Keine Hex-Werte in dieser Datei.
 */

/* ──────────────────────────────────────────
   Text
────────────────────────────────────────── */
.text-dmu {
    color: var(--text-brand) !important;
}

/* ──────────────────────────────────────────
   Background
────────────────────────────────────────── */
.bg-dmu {
    background-color: var(--bg-brand) !important;
}

.bg-dmu-light {
    /* Brand-tinted section background — dark-mode-aware via token. */
    background-color: var(--bg-brand-muted) !important;
}

/* ──────────────────────────────────────────
   Border
────────────────────────────────────────── */
.border-dmu {
    border-color: var(--border-brand) !important;
}

/* ──────────────────────────────────────────
   Buttons
────────────────────────────────────────── */
.btn-dmu {
    background-color: var(--bg-brand);
    border-color: var(--bg-brand);
    color: var(--text-inverse);
    transition: background-color var(--transition-base), border-color var(--transition-base);
}

.btn-dmu:hover,
.btn-dmu:focus {
    background-color: var(--bg-brand-hover);
    border-color: var(--bg-brand-hover);
    color: var(--text-inverse);
}

.btn-dmu:active {
    background-color: var(--bg-brand-hover);
    border-color: var(--bg-brand-hover);
    color: var(--text-inverse);
}

.btn-outline-dmu {
    background-color: transparent;
    border-color: var(--border-brand);
    color: var(--text-brand);
    transition: background-color var(--transition-base), color var(--transition-base);
}

.btn-outline-dmu:hover,
.btn-outline-dmu:focus {
    background-color: var(--bg-brand);
    border-color: var(--bg-brand);
    color: var(--text-inverse);
}

.btn-outline-dmu:active {
    background-color: var(--bg-brand-hover);
    border-color: var(--bg-brand-hover);
    color: var(--text-inverse);
}

/* ──────────────────────────────────────────
   Cards
────────────────────────────────────────── */
.card-dmu {
    border-top: 3px solid var(--border-brand);
}

/* ──────────────────────────────────────────
   Gradient helper
────────────────────────────────────────── */
.gradient-dmu {
    background: linear-gradient(
        135deg,
        var(--bg-brand) 0%,
        var(--color-navy-600) 100%
    );
}

/* ──────────────────────────────────────────
   SiteNotice Banner
────────────────────────────────────────── */
.site-notice-banner {
    padding: .4rem 0;
    font-size: .88rem;
    font-weight: 500;
}

.site-notice-info {
    background-color: var(--bg-brand-muted);
    color: var(--text-brand);
    border-bottom: 1px solid var(--border-brand);
}

.site-notice-neu {
    background-color: var(--color-amber-500);
    color: #fff;
    border-bottom: 1px solid var(--color-amber-700);
}

.site-notice-wichtig {
    background-color: var(--color-navy-700);
    color: #fff;
    border-bottom: 1px solid var(--color-navy-800);
}