/* --- CSS VARIABLEN --- */
:root {
    --accent: #2563eb;
    --bg: #888686;
    --box-bg: #e1dfdf;
    --box-text: #000000;
    --box-head-text: #ffffff;
    --box-border: #ffffff;
    --card-bg: #ffffff;
}

/* --- GLOBALER RESET --- */
body {
    background: transparent !important;
    color: var(--box-text) !important;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

/* --- SPEZIFISCHE ÜBERSCHREIBUNGEN (Gegen das "Blau-Problem") --- */

/* 1. News & Kategorie Labels */
.category-label, 
.v-cat-badge, 
.e-date-badge {
    background-color: var(--accent) !important;
    color: var(--box-head-text) !important;
}

/* 2. Karten (News, Video, Events) */
.news-card, 
.v-card, 
.e-card {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--box-border) !important;
}

/* 3. Buttons */
.news-btn, 
.e-btn-main {
    background-color: var(--accent) !important;
    color: var(--box-head-text) !important;
    border: none !important;
}

/* 4. Titel & Texte */
.news-title, 
.v-title, 
.e-title {
    color: var(--box-text) !important;
}

/* 5. Rahmen & Trenner */
.category-group-header {
    border-bottom: 2px solid var(--box-border) !important;
}

.box-header {
    background-color: var(--accent) !important;
    color: var(--box-head-text) !important;
}

/* 6. Links */
a {
    color: var(--accent);
    text-decoration: none;
}

a:hover {
    filter: brightness(1.2);
}

/* --- SCROLLBAR DESIGN --- */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg);
}
::-webkit-scrollbar-thumb {
    background: var(--accent);
    border-radius: 10px;
}
/* --- GLOBALER RESET --- */
body {
    background-color: var(--bg) !important; /* Dies erzwingt die Farbe aus der DB */
    color: var(--box-text) !important;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}