html[data-theme="dark"] {
 --page-bg: #0f1726;
 --panel-bg: #1a2640;
 --line: #2d3f63;
 --text-main: #dbe7ff;
 --text-muted: #9fb4da;
 --accent-start: #6b9cff;
 --accent-end: #3f77e5;
}

html[data-theme="dark"] body {
 background: var(--page-bg);
 color: var(--text-main);
}

html[data-theme="dark"] .site-header,
html[data-theme="dark"] .site-footer {
 border-color: var(--line);
}

html[data-theme="dark"] .site-footer a {
 color: #8db5ff;
}

html[data-theme="dark"] .card {
 background: #1d2a43;
 border-color: var(--line);
}

html[data-theme="dark"] .card h2 {
 color: #eaf1ff;
}

html[data-theme="dark"] .card p {
 color: #b8c8e8;
}

html[data-theme="dark"] .badge {
 background: #243a60;
 color: #c7ddff;
}

html[data-theme="dark"] .badge-alt {
 background: #1f4a3d;
 color: #aee8cf;
}

html[data-theme="dark"] .card-button {
 border-color: #8db5ff;
 color: #8db5ff;
 background: transparent;
}

html[data-theme="dark"] .card-button:hover {
 background: #8db5ff;
 color: #13233d;
}