/* ===== STYLES DE BASE ===== */
/* Reset et styles fondamentaux */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-primary);
}

body {
    background-color: var(--panda-white);
    color: var(--panda-black);
    overflow-x: hidden;
    background: 
        linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f1f3f4 100%),
        radial-gradient(circle at 20% 80%, rgba(39, 174, 96, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(52, 152, 219, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(155, 89, 182, 0.03) 0%, transparent 50%),
        repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.1) 10px, rgba(255, 255, 255, 0.1) 20px);
    background-attachment: fixed;
    position: relative;
}

/* Éléments décoratifs flottants */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(ellipse at 20% 50%, rgba(46, 204, 113, 0.1) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(52, 152, 219, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 40% 80%, rgba(155, 89, 182, 0.06) 0%, transparent 50%);
    pointer-events: none;
    z-index: -1;
}