:root {

    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-card: #21262d;
    --bg-card-hover: #30363d;
    --accent-green: #3fb950;
    --accent-red: #f85149;
    --accent-yellow: #d29922;
    --accent-cyan: #58a6ff;
    --accent-purple: #a371f7;
    --text-primary: #c9d1d9;
    --text-secondary: #8b949e;
    --text-muted: #6e7681;
    --border-color: #30363d;
    --glow-green: 0 0 15px rgba(63, 185, 80, 0.3);
    --glow-red: 0 0 15px rgba(248, 81, 73, 0.3);
    --glow-cyan: 0 0 15px rgba(88, 166, 255, 0.3);
}

[data-theme="night"] {

    --bg-primary: #010409;
    --bg-secondary: #0d1117;
    --bg-card: #161b22;
    --bg-card-hover: #21262d;
    --border-color: #30363d;
}

[data-color-theme="github"] {

    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-card: #21262d;
    --bg-card-hover: #30363d;
    --accent-green: #3fb950;
    --accent-red: #f85149;
    --accent-yellow: #d29922;
    --accent-cyan: #58a6ff;
    --accent-purple: #a371f7;
    --text-primary: #c9d1d9;
    --text-secondary: #8b949e;
    --text-muted: #6e7681;
    --border-color: #30363d;
    --glow-green: 0 0 15px rgba(63, 185, 80, 0.3);
    --glow-red: 0 0 15px rgba(248, 81, 73, 0.3);
    --glow-cyan: 0 0 15px rgba(88, 166, 255, 0.3);
}

[data-color-theme="github"][data-theme="night"] {

    --bg-primary: #010409;
    --bg-secondary: #0d1117;
    --bg-card: #161b22;
    --bg-card-hover: #21262d;
    --border-color: #30363d;
}

[data-color-theme="github"] .scanline { --scanline-opacity: 0.04; }
[data-color-theme="github"] .overlay { background: radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.3) 100%); }