:root {
    --bg-color: #fafafa;
    --text-color: #111111;
    --text-secondary: #6b7280;
    --hover-color: #1e3a8a;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-color: #303030;
        --text-color: #eeeeee;
        --text-secondary: #9ca3af;
        --hover-color: #3b82f6;
    }
}

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

.text-secondary {
    color: var(--text-secondary);
}

a:hover, .hover-blue:hover {
    color: var(--hover-color);
}