/* Haupt-Design: Dunkel und edel */
body { 
    background-color: #121212 !important; 
    color: #f8f9fa !important; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Die Karten-Boxen (Dashboard & Login) */
.card { 
    background-color: #1e1e1e !important; 
    border: 1px solid #FFD700 !important; 
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.8);
    color: #ffffff !important;
}

/* Goldene Akzente */
.text-gold { 
    color: #FFD700 !important; 
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.4); 
}

.text-secondary {
    color: #b0b0b0 !important; /* Ein helles Silber-Grau */
}

/* Oder direkt für alle Absätze: */
p {
    color: #f8f9fa !important; /* Fast Weiß */
}

/* Lesbarkeit für Texte */
p, span, label, .form-label {
    color: #e0e0e0 !important;
}

/* Der Gold-Button */
.btn-gold { 
    background-color: #FFD700 !important; 
    color: #000 !important; 
    font-weight: bold !important; 
    border: none !important;
    transition: 0.3s;
}

.btn-gold:hover { 
    background-color: #e6c200 !important; 
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3);
}

/* Eingabefelder im Dunkel-Stil */
.form-control {
    background-color: #2a2a2a !important;
    border: 1px solid #444 !important;
    color: white !important;
}

.form-control:focus {
    background-color: #333 !important;
    border-color: #FFD700 !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 215, 0, 0.25) !important;
    color: white !important;
}

/* Links (Kein Blau mehr!) */
a { 
    color: #FFD700 !important; 
    text-decoration: none !important; 
}

a:hover { 
    color: #ffffff !important; 
    text-decoration: underline !important; 
}