:root {
    --vexa-blue: #0066FF;
    --vexa-green: #39FF14;
    --vexa-black: #050505;
    --vexa-cyan: #00D9FF;
    --vexa-navy: #071B34;
    --vexa-gray: #BFC7D5;

    --font-sora: 'Sora', sans-serif;
    --font-orbitron: 'Orbitron', sans-serif;
    --font-cairo: 'Cairo', sans-serif;

    --neon-blue: 0 0 20px rgba(0, 102, 255, 0.5);
    --neon-green: 0 0 20px rgba(57, 255, 20, 0.5);
    --neon-cyan: 0 0 20px rgba(0, 217, 255, 0.5);
}

[data-theme="dark"] {
    --bg-primary: #050505;
    --bg-secondary: #071B34;
    --bg-card: rgba(255, 255, 255, 0.03);
    --border-card: rgba(255, 255, 255, 0.06);
    --text-primary: #ffffff;
    --text-secondary: #BFC7D5;
    --text-muted: rgba(191, 199, 213, 0.5);
    --input-bg: rgba(255, 255, 255, 0.05);
    --input-border: rgba(255, 255, 255, 0.1);
    --shadow-card: 0 0 40px rgba(0, 102, 255, 0.05);
    --glow-1: rgba(0, 102, 255, 0.03);
    --glow-2: rgba(57, 255, 20, 0.03);
    --glow-3: rgba(0, 217, 255, 0.02);
}

[data-theme="light"] {
    --bg-primary: #F5F7FA;
    --bg-secondary: #E8ECF1;
    --bg-card: rgba(255, 255, 255, 0.8);
    --border-card: rgba(0, 0, 0, 0.08);
    --text-primary: #1a1a2e;
    --text-secondary: #4a4a6a;
    --text-muted: rgba(74, 74, 106, 0.5);
    --input-bg: rgba(255, 255, 255, 0.9);
    --input-border: rgba(0, 0, 0, 0.12);
    --shadow-card: 0 0 40px rgba(0, 102, 255, 0.08);
    --glow-1: rgba(0, 102, 255, 0.05);
    --glow-2: rgba(0, 217, 255, 0.05);
    --glow-3: rgba(0, 102, 255, 0.03);
}

body {
    font-family: var(--font-sora);
}

.font-sora { font-family: var(--font-sora); }
.font-orbitron { font-family: var(--font-orbitron); }
.font-cairo { font-family: var(--font-cairo); }