/* ==========================
   NEON BASE VARIABLES
========================== */

:root {
    neon-primary: #00f0ff;
    neon-accent: #7c3aed;

    neon-bg: #ffffff;
    neon-text: #111111;

    neon-border: #e5e7eb;

    neon-transition: 0.3s ease;
}

/* Dark Mode Override */

body.neon-dark {
    neon-bg: #0f1117;
    neon-text: #f5f5f5;
    neon-border: #1f2937;
}

/* Global Reset */

body {
    background: var(neon-bg);
    color: var(neon-text);
    transition: background var(neon-transition),
                color var(neon-transition);
    font-family: system-ui, -apple-system, sans-serif;
}

a {
    color: var(neon-primary);
    text-decoration: none;
    transition: var(neon-transition);
}

a:hover {
    opacity: 0.8;
}