/**
 * Theme: Neon Pulse
 * Architecture: CSS Variables (Visual DNA)
 */

:root {
    /* Color Palette - High Contrast Dark Mode */
    --np-bg-base: #0b0b0e;
    --np-bg-surface: #15151a;
    --np-bg-floating: rgba(21, 21, 26, 0.85);
    
    --np-accent-primary: #8a2be2; /* Cyberpunk Purple */
    --np-accent-primary-glow: rgba(138, 43, 226, 0.4);
    --np-accent-secondary: #00ffff; /* Neon Cyan */
    --np-accent-secondary-glow: rgba(0, 255, 255, 0.4);
    
    --np-text-main: #ffffff;
    --np-text-muted: #8b8b99;
    
    --np-success: #00ff88;
    --np-warning: #ffaa00;
    --np-danger: #ff3366;
    
    /* Typography */
    --np-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --np-font-display: 'Orbitron', sans-serif;
    
    /* Border Radius Logic */
    --np-radius-sm: 8px;
    --np-radius-md: 12px; /* Game Cards */
    --np-radius-lg: 24px; /* Primary Buttons */
    --np-radius-pill: 9999px;
    
    /* Shadow Philosophy */
    --np-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);
    --np-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
    --np-shadow-glow: 0 8px 32px var(--np-accent-primary-glow);
    
    /* Motion Philosophy */
    --np-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --np-transition-bounce: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --np-transition-smooth: 0.4s ease-in-out;
    
    /* Grid Spacing Rhythm */
    --np-spacing-xs: 4px;
    --np-spacing-sm: 8px;
    --np-spacing-md: 16px;
    --np-spacing-lg: 24px;
    --np-spacing-xl: 48px;
    --np-spacing-xxl: 80px;
}