:root {
    /* --- Palette Contrastée par défaut --- */
    --bg-app: #2b2d31;        
    --bg-panel: #4b4d55;      
    
    --text-main: #e2e8f0;     
    --text-muted: #cbd5e1;    
    
    --accent: #60a5fa;        
    --accent-glow: rgba(96, 165, 250, 0.4);
    --danger: #f87171;
    
    /* Variable pour le fond dynamique (Vide par défaut) */
    --bg-image: none; 

    /* Ombres ajustées pour le contraste */
    --shadow-light: -6px -6px 14px rgba(255, 255, 255, 0.08);
    --shadow-dark: 6px 6px 14px rgba(0, 0, 0, 0.4);
    
    --shadow-inset: inset 4px 4px 10px rgba(0, 0, 0, 0.5), 
                    inset -4px -4px 10px rgba(255, 255, 255, 0.05);

    --radius-main: 20px;
    --font-stack: 'Segoe UI', system-ui, sans-serif;
}

body {
    margin: 0;
    padding: 0;
    /* C'est ICI que la magie opère */
    background-color: var(--bg-app); 
    background-image: var(--bg-image); 
    
    /* Paramètres pour que le dégradé reste fixe et couvre tout */
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
    
    color: var(--text-main);
    font-family: var(--font-stack);
    overflow: hidden;
    user-select: none;
}

* { box-sizing: border-box; }