:root {
    --bg-dark: #0B0F19;
    --bg-surface: #151B2B;
    --color-primary: #3B82F6;
    --color-secondary: #8B5CF6;
}

body {
    background-color: var(--bg-dark);
    color: #F3F4F6;
    font-family: 'Inter', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Orbitron', sans-serif;
}

/* Remove default focus outline if user suspects it */
*:focus {
    outline: none !important;
}

/* Glassmorphism Utilities */
.glass-panel {
    background: rgba(21, 27, 43, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.glass-nav {
    background: rgba(11, 15, 25, 0.8);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Animations */
@keyframes glow {

    0%,
    100% {
        box-shadow: 0 0 5px var(--color-primary), 0 0 10px rgba(59, 130, 246, 0.3);
    }

    50% {
        box-shadow: 0 0 20px var(--color-primary), 0 0 30px rgba(59, 130, 246, 0.5);
    }
}

.animate-glow {
    animation: glow 3s infinite;
}