/**
 * EXO - Professional Blue/Silver Palette
 * Replaces the purple MuDream theme with electric blue & silver
 */

:root {
    /* Primary Blue Family */
    --exo-primary: #2563eb;
    --exo-primary-dark: #1d4ed8;
    --exo-primary-light: #3b82f6;
    --exo-primary-deeper: #1e3a5f;
    
    /* Accent Electric Blue */
    --exo-electric: #06b6d4;
    --exo-electric-dark: #0891b2;
    --exo-electric-glow: rgba(6, 182, 212, 0.3);
    
    /* Silver / Gray Family */
    --exo-silver: #94a3b8;
    --exo-silver-light: #cbd5e1;
    --exo-silver-lighter: #e2e8f0;
    --exo-silver-dark: #64748b;
    
    /* Dark Backgrounds */
    --exo-bg-dark: #070b15;
    --exo-bg-card: #0d1324;
    --exo-bg-card-hover: #111a30;
    --exo-bg-elevated: #162044;
    
    /* Text */
    --exo-text-primary: #ffffff;
    --exo-text-secondary: #e2e8f0;
    --exo-text-muted: #94a3b8;
    
    /* Borders & Effects */
    --exo-border: rgba(37, 99, 235, 0.15);
    --exo-border-light: rgba(148, 163, 184, 0.15);
    --exo-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    --exo-glow: 0 0 20px rgba(37, 99, 235, 0.3);
    --exo-glow-electric: 0 0 20px rgba(6, 182, 212, 0.25);
    
    /* Gradients */
    --exo-gradient-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    --exo-gradient-accent: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    --exo-gradient-silver: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
    --exo-gradient-header: linear-gradient(135deg, #0d1324 0%, rgba(37, 99, 235, 0.1) 100%);
    --exo-gradient-body: linear-gradient(180deg, #070b15 0%, #0a0f1f 50%, #0d1324 100%);
}

/* ============================================
   BODY & BACKGROUND
============================================ */
body {
    background: var(--exo-gradient-body);
    background-attachment: scroll;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--exo-text-secondary);
    font-family: 'Montserrat', 'Roboto', sans-serif;
}

/* ============================================
   SELECTION
============================================ */
::selection {
    background: var(--exo-primary);
    color: white;
}

::-moz-selection {
    background: var(--exo-primary);
    color: white;
}