/* assets/css/theme/lt-bg.css */
/* Thème de fond animé réutilisable (liens, dashboard, etc.) */

:root{
    /* Couleurs de fond globales */
    --lt-bg1:#0f1021;
    --lt-bg2:#2a0e61;

    /* Couleurs de texte globales (utiles partout) */
    --lt-text:#fff;
}

*{ box-sizing:border-box }
html, body { height: 100%; }

/* Le body public (pages vitrine) */
.lt-body{
    margin:0;
    color:var(--lt-text);
    background:#0b0b12;                 /* fond de base sous le dégradé animé */
    font-family:'ZabalDEMOSemiBold',system-ui,sans-serif;
}

/* Le calque de fond animé */
.lt-bg{
    position:fixed;
    inset:-20vh -20vw;
    z-index:-1;
    background:
            radial-gradient(50% 50% at 20% 10%, rgba(123,31,162,.35), transparent 50%),
            radial-gradient(60% 60% at 80% 20%, rgba(33,150,243,.25), transparent 60%),
            linear-gradient(180deg,var(--lt-bg1),var(--lt-bg2));
    animation:lt-float 16s ease-in-out infinite alternate;
}

@keyframes lt-float{
    0%   { transform: translateY(-1%) scale(1) }
    100% { transform: translateY(1%)  scale(1.02) }
}