:root{
    --bg: #2b2b2b;
    --bg-deep: #1f1f1f;
    --panel: #3c3f41;
    --panel-strong: #323232;
    --text: #a9b7c6;
    --muted: #808080;
    --border: #2f3133;

    --accent: #6897bb;
    --success: #6a8759;
    --warn: #bbb529;
    --danger: #cc6666;

    --keyword: #cc7832;
    --type: #ffc66d;
    --func: #a9b7c6;
}

html, body{
    background: #2b2b2b;
    color: var(--text);
}

a{ color: var(--accent); }
hr{ border-color: var(--border); }

.card, .panel{
    background: linear-gradient(
        180deg,
        rgba(60, 63, 65, 0.78) 0%,
        rgba(50, 50, 50, 0.72) 100%
    );
    border: 1px solid var(--border);
    backdrop-filter: blur(6px);
    border-radius: 12px;
}