/* =====================================================
   WHATCASH MARKETPLACE
   Fond global flou - Glassmorphism
   Fichier : assets/css/background.css

   Rôle exclusif :
   - Fond général du site
   - Lumières et dégradés décoratifs
   - Effet de profondeur et ambiance visuelle

   Ne définit pas le style des composants des pages.
   ===================================================== */

:root {
    --wc-bg-base: #f5f8f6;
    --wc-bg-green: rgba(22, 163, 74, 0.14);
    --wc-bg-mint: rgba(52, 211, 153, 0.16);
    --wc-bg-blue: rgba(59, 130, 246, 0.08);
    --wc-bg-blur: 90px;
}

/* Fond principal partagé par toutes les pages */
html {
    min-height: 100%;
    background: var(--wc-bg-base);
}

body {
    min-height: 100vh;
    margin: 0;
    background: transparent;
    position: relative;
    isolation: isolate;
}

/* Couche décorative globale */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 8% 10%,
            var(--wc-bg-green) 0%,
            transparent 42%
        ),
        radial-gradient(
            ellipse at 92% 18%,
            var(--wc-bg-mint) 0%,
            transparent 38%
        ),
        radial-gradient(
            ellipse at 52% 95%,
            var(--wc-bg-blue) 0%,
            transparent 45%
        );

    filter: blur(var(--wc-bg-blur));
    transform: translateZ(0);
}

/* Évite les débordements horizontaux dus aux effets */
body {
    overflow-x: clip;
}

/* Respect des utilisateurs qui réduisent les animations */
@media (prefers-reduced-motion: reduce) {
    body::before {
        transform: none;
    }
}