/*
 * dmu.css — DentalMunichUnion Utility Classes
 *
 * Alle Farben sind Aliase auf CSS-Variablen aus :root (base.html).
 * Kein Hardcoding von Hex-Werten in dieser Datei.
 *
 * Variablen (definiert in templates/base.html :root):
 *   --primary-color       #1f4459
 *   --primary-dark        #15303f
 *   --primary-gradient-end #2c5f7a
 *   --accent-color        #D4A574
 *   --accent-dark         #c0935f
 */

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

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

.bg-dmu-light {
    background-color: #eaf1f6 !important; /* static tint, intentional */
}

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

/* ──────────────────────────────────────────
   Buttons
────────────────────────────────────────── */
.btn-dmu {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.btn-dmu:hover,
.btn-dmu:focus {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: #fff;
}

.btn-dmu:active {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: #fff;
}

.btn-outline-dmu {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.btn-outline-dmu:hover,
.btn-outline-dmu:focus {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.btn-outline-dmu:active {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: #fff;
}

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

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