/* =====================================================
   NEO-NEWS DESIGN SYSTEM | VARIABLES
   ===================================================== */

:root {
    /* --- COLOR PALETTE: DARK (CYBER) --- */
    --bg-base: #0B0E14;
    /* Deep Space */
    --bg-surface: rgba(20, 25, 35, 0.6);
    --bg-surface-hover: rgba(30, 35, 45, 0.8);
    --bg-glass: rgba(11, 14, 20, 0.85);

    --accent-primary: #00F0FF;
    /* Neon Cyan */
    --accent-secondary: #7000FF;
    /* Neon Purple */
    --accent-gradient: linear-gradient(135deg, #00F0FF 0%, #7000FF 100%);

    --text-primary: #ECEDEE;
    --text-secondary: #94A3B8;
    --text-muted: #64748B;

    --border-light: rgba(255, 255, 255, 0.08);
    --border-accent: rgba(0, 240, 255, 0.3);

    /* Shadows */
    --shadow-glow: 0 0 20px rgba(0, 240, 255, 0.15);
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);

    /* --- TYPOGRAPHY --- */
    --font-heading: 'Exo 2', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* --- SPACING & LAYOUT --- */
    --header-height: 80px;
    --container-width: 1400px;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
}

/* --- LIGHT THEME (TECH) --- */
[data-theme="light"] {
    --bg-base: #F4F6F9;
    --bg-surface: rgba(255, 255, 255, 0.8);
    --bg-surface-hover: rgba(255, 255, 255, 1);
    --bg-glass: rgba(244, 246, 249, 0.9);

    --accent-primary: #0066FF;
    /* Electric Blue */
    --accent-secondary: #6000E0;
    /* Royal Violet */
    --accent-gradient: linear-gradient(135deg, #0066FF 0%, #6000E0 100%);

    --text-primary: #1A1D23;
    --text-secondary: #475569;
    --text-muted: #94A3B8;

    --border-light: rgba(0, 0, 0, 0.06);
    --border-accent: rgba(0, 102, 255, 0.2);

    --shadow-glow: 0 0 20px rgba(0, 102, 255, 0.1);
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.05);
}