:root {
    --fg-bg: #F8F9FA;
    --fg-surface: #FFFFFF;
    --fg-action: #0891B2;
    --fg-action-hover: #0E7490;
    --fg-text: #1E293B;
    --fg-text-muted: #64748B;
    --fg-border: #E2E8F0;
    --fg-link: #475569;
}

[data-theme="dark"] {
    --fg-bg: #1c2433;
    --fg-surface: #232e41;
    --fg-action: #0891B2;
    --fg-action-hover: #22D3EE;
    --fg-text: #E2E8F0;
    --fg-text-muted: #94A3B8;
    --fg-border: #334155;
    --fg-link: #94A3B8;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background-color: var(--fg-bg);
    color: var(--fg-text);
}

.navbar {
    background-color: var(--fg-surface);
    border-bottom: 1px solid var(--fg-border);
}

.navbar-brand {
    color: var(--fg-action) !important;
}

.btn-primary {
    background-color: var(--fg-action);
    border-color: var(--fg-action);
}

.btn-primary:hover {
    background-color: var(--fg-action-hover);
    border-color: var(--fg-action-hover);
}

.card {
    background-color: var(--fg-surface);
    border-color: var(--fg-border);
}

a {
    color: var(--fg-link);
}

footer a {
    color: var(--fg-text-muted);
    text-decoration: none;
}

/* Severity badges */
.badge-severity-critical { background-color: #DC2626; }
.badge-severity-high { background-color: #F59E0B; color: #1E293B; }
.badge-severity-medium { background-color: #3B82F6; }
.badge-severity-low { background-color: #6B7280; }
.badge-kev { background-color: #DC2626; }

#theme-toggle {
    font-size: 1.2rem;
    padding: 0;
    border: none;
    background: none;
}