:root {
    --bg-color: #0f0f0f;
    --panel-bg: rgba(20, 20, 20, 0.8);
    --text-main: #39ff14;
    --text-muted: #39ff1433;
    --accent: #39ff14;
    --secondary: #7fff00;
    --border-color: #39ff14;
    --font-heading: 'VT323', monospace;
    --font-body: 'Courier New', monospace;
}

/* Scanline effect */
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: linear-gradient(rgba(255,255,255,0.05) 50%, transparent 50%);
    background-size: 100% 4px;
    pointer-events: none;
    z-index: 9999;
}

/* CRT glow on text */
h1, h2, h3, h4, h5, h6, a, p, span {
    text-shadow: 0 0 2px #39ff14, 0 0 5px #39ff14;
}

/* Panels */
.card, header, footer, nav, .dropdown-content {
    border: 1px solid var(--border-color);
    background: var(--panel-bg);
    box-shadow: 0 0 5px var(--accent);
}

/* Buttons */
button, .btn {
    border: 1px solid var(--accent);
    box-shadow: 0 0 2px var(--accent);
}
button:hover, .btn:hover {
    box-shadow: 0 0 8px var(--accent), 0 0 15px var(--secondary);
    background: var(--accent);
    color: var(--bg-color);
}

/* Footer / header */
header, footer {
    backdrop-filter: blur(4px);
}