:root {
    --bg: #0b0d12;
    --panel: #121625;
    --text: #e9ecf1;
    --muted: #a9b2c3;
    --border: #26304a;
    --link: #88c0ff;
    --accent: #f2c14e;
}

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

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

header.site-header,
nav.site-nav,
footer.site-footer {
    background: var(--panel);
    border-bottom: 1px solid var(--border);
}

footer.site-footer {
    border-top: 1px solid var(--border);
    border-bottom: none;
}

nav.site-nav a {
    color: var(--text);
    background: transparent;
    border: 1px solid transparent;
}

nav.site-nav a:hover {
    border-color: var(--border);
    background: rgba(255,255,255,0.04);
}

.content-card {
    background: var(--panel);
    border: 1px solid var(--border);
}

.muted { color: var(--muted); }
.accent { color: var(--accent); }