/* ========================================
   Maneuver Attack — Design Tokens
   ======================================== */

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;500;600;700;800;900&family=Orbitron:wght@400;500;600;700;800;900&display=swap');

:root {
    /* ── Fonts ── */
    --font-pixel: 'Press Start 2P', monospace;
    --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-title: 'Orbitron', sans-serif;

    /* ── Colors — Dark Theme ── */
    --bg-primary: #0a0a1a;
    --bg-secondary: #12122a;
    --bg-card: rgba(20, 20, 50, 0.85);
    --bg-glass: rgba(15, 15, 40, 0.7);

    --text-primary: #e8e8ff;
    --text-secondary: #9090b8;
    --text-muted: #5a5a80;

    /* ── Accent Colors ── */
    --accent-primary: #00d4ff;
    --accent-secondary: #7b2fff;
    --accent-tertiary: #ff2d6b;
    --accent-success: #00ff88;
    --accent-warning: #ffaa00;
    --accent-danger: #ff3344;

    /* ── Gradients ── */
    --gradient-hero: linear-gradient(135deg, #0a0a1a 0%, #1a0a3a 50%, #0a1a2a 100%);
    --gradient-accent: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
    --gradient-fire: linear-gradient(180deg, #ff6600, #ff2200, #cc0000);
    --gradient-card: linear-gradient(145deg, rgba(30, 30, 70, 0.9), rgba(10, 10, 30, 0.9));

    /* ── Glow Effects ── */
    --glow-cyan: 0 0 20px rgba(0, 212, 255, 0.5), 0 0 40px rgba(0, 212, 255, 0.2);
    --glow-purple: 0 0 20px rgba(123, 47, 255, 0.5), 0 0 40px rgba(123, 47, 255, 0.2);
    --glow-red: 0 0 20px rgba(255, 45, 107, 0.5), 0 0 40px rgba(255, 45, 107, 0.2);
    --glow-text: 0 0 10px rgba(0, 212, 255, 0.8), 0 0 30px rgba(0, 212, 255, 0.4), 0 0 60px rgba(0, 212, 255, 0.15);

    /* ── Spacing ── */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* ── Border Radius ── */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-round: 50%;

    /* ── Z-Index Layers ── */
    --z-bg: 0;
    --z-arena-ambient: 5;
    --z-canvas: 10;
    --z-hud: 20;
    --z-overlay: 30;
    --z-modal: 40;
    --z-tooltip: 50;

    /* ── Transitions ── */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

    /* ── Arena Colors ── */
    --arena-space-bg: #050515;
    --arena-space-accent: #6b1fd4;
    --arena-space-nebula: rgba(100, 30, 200, 0.15);

    --arena-ocean-bg: #021a2e;
    --arena-ocean-accent: #00aacc;
    --arena-ocean-deep: #010f1c;

    /* ── Weapon Colors ── */
    --weapon-basic: #ffffff;
    --weapon-laser: #ff2266;
    --weapon-bubble: #44ddff;
    --weapon-lightning: #ffee44;
    --weapon-fire: #ff6600;
    --weapon-machinegun: #aabb00;
    --weapon-rocket: #ff4400;
}