/**
 * ALGA ARENA — Cinematic Base Styles
 * Sets up global variables, dark broadcast colors, and layout foundations
 */

:root {
    /* Enhanced Color Palette */
    --arena-navy: #05070c;
    --arena-slate: #0b0d16;
    --arena-dark-grey: #10121d;
    --arena-glow-cyan: rgba(0, 212, 255, 0.2);
    --arena-glow-violet: rgba(124, 92, 252, 0.25);
    --arena-broadcast-blue: #00d4ff;
    
    /* Font Weight Scales */
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;
}

/* Base resets & layout blocks */
body {
    background-color: var(--arena-navy) !important;
    color: var(--arena-text-primary) !important;
    font-family: var(--font-body);
    overflow-x: hidden !important;
}

/* Cinematic Vignette Overlay */
.cinematic-vignette {
    position: fixed;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at center, transparent 30%, rgba(5,7,12,0.95) 100%);
    z-index: var(--z-raised);
}

/* Unified broadcast background grids */
.arena-grid-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: 
        linear-gradient(rgba(0, 212, 255, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 212, 255, 0.02) 1px, transparent 1px);
    background-size: 50px 50px;
    z-index: var(--z-base);
}
