:root {
    --primary-color: #1a1a1a;
    --secondary-color: #2980b9;
    --background-color: #333;
    --text-color: #fff;
    --bg-color: #121212;
    --card-bg: #1e1e1e;
    --header-bg: #000;
    --header-text: #fff;
}



.header-content {
    background-color: #1e1e1e;
    color: var(--header-text);
}
.theme-toggle:hover {
    background: #1e1e1e;
}

.site-footer {
    background-color: #1e1e1e;
    color: var(--text-color);
}

.theme-toggle {
    color: #fff;
    background-color:#000
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
}