/* ═══════════════════════════════════════════════════════════════════════
   MARQUE FUSION (FusionConnect) — surcouche de poolnexus.css et auth.css
   Chargée par _LayoutCloud / _LayoutAuth seulement quand la marque est Fusion
   (body.brand-fusion, voir NexusBrandProvider). CSS simple, pas de LESS :
   aucun Web Compiler à faire tourner.

   Charte : brand/README.md de FusionConnect — bleu de marque #2358A4
   (6,99:1 sur blanc) ; en sombre l'action passe au #6BA3E8, #2358A4 ne reste
   qu'en remplissage sous du texte blanc. Turquoise réservé aux données d'eau.

   Spécificité : les jetons clairs sont posés par body.light, les sombres par
   :root — d'où body.brand-fusion.light et body.brand-fusion:not(.light).
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Jetons — thème sombre ─────────────────────────────────────────────── */
body.brand-fusion:not(.light) {
    --bg: #0D1523;
    --bg-mesh: radial-gradient(ellipse 80% 50% at 20% -10%, rgba(107,163,232,.08) 0%, transparent 60%);
    --surface: #141E30;
    --surface-2: #1B2941;
    --surface-3: #22324F;
    --border: #26354F;
    --border-hi: #35486A;
    --cyan: #6BA3E8;
    --cyan-dim: rgba(107,163,232,.14);
    --green: #6BE0AC;
    --green-dim: rgba(107,224,172,.14);
    --text: #E8EEF7;
    --text-2: #9FB0C6;
    --text-3: #7486A0;
    --accent: var(--cyan);
    --accent-rgb: 107, 163, 232;
}

/* ── Jetons — thème clair ──────────────────────────────────────────────── */
body.brand-fusion.light {
    --bg: #F6F8FB;
    --surface: #FFFFFF;
    --surface-2: #F6F8FB;
    --surface-3: #ECF0F6;
    --border: rgba(35, 88, 164, .12);
    --border-hi: rgba(35, 88, 164, .28);
    --cyan: #2358A4;
    --cyan-dim: rgba(35, 88, 164, .10);
    --green: #157F4A;
    --green-dim: rgba(21, 127, 74, .12);
    --amber: #9A5C00;
    --amber-dim: rgba(154, 92, 0, .12);
    --red: #C4302B;
    --red-dim: rgba(196, 48, 43, .12);
    --text: #2E3642;
    --text-2: #5B6676;
    --text-3: #8A95A6;
    --shadow: 0 2px 10px rgba(21, 46, 82, .08);
    --accent: var(--cyan);
    --accent-rgb: 35, 88, 164;
}

/* ── Logo (masque : la couleur vient de background-color) ──────────────── */
body.brand-fusion .logo {
    width: 104px;
    height: 44px;
    -webkit-mask-image: url('/Content/brands/fusion/logo.svg');
    mask-image: url('/Content/brands/fusion/logo.svg');
}
body.brand-fusion.light .logo { background-color: #2358A4; }

body.brand-fusion .auth-logo {
    width: 210px;
    height: 90px;
    -webkit-mask-image: url('/Content/brands/fusion/logo.svg');
    mask-image: url('/Content/brands/fusion/logo.svg');
}

/* ── Application : couleurs codées en dur dans poolnexus.css ───────────── */
body.brand-fusion.light .topbar { border-bottom-color: rgba(35, 88, 164, .12); }

body.brand-fusion.light .device-tab.active {
    background: rgba(35, 88, 164, .10);
    border-color: rgba(35, 88, 164, .40);
}

body.brand-fusion .index-hero__main { background: linear-gradient(120deg, #1D4885 25%, #2C68B4 100%); }
body.brand-fusion .index-hero__chip-val,
body.brand-fusion .index-hero__chip-lbl { color: #2358A4; }

/* ── Pages de connexion : couleurs codées en dur dans auth.css ─────────── */
body.brand-fusion.auth-page { background: linear-gradient(120deg, #1D4885 25%, #2C68B4 100%); }
body.brand-fusion .auth-card { border-color: rgba(35, 88, 164, .12); border-radius: 18px; }
body.brand-fusion .auth-field input { border-color: rgba(35, 88, 164, .15); }
body.brand-fusion .auth-field input:focus {
    border-color: #2358A4;
    box-shadow: 0 0 0 3px rgba(35, 88, 164, .14);
}
body.brand-fusion .auth-remember input[type=checkbox] { accent-color: #2358A4; }
body.brand-fusion .auth-btn {
    background: #2358A4;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(35, 88, 164, .28);
}
body.brand-fusion .auth-btn:hover {
    background: #2C68B4;
    box-shadow: 0 8px 20px rgba(35, 88, 164, .36);
}
body.brand-fusion .auth-btn:active { background: #1D4885; }
body.brand-fusion .auth-policy { border-left-color: rgba(35, 88, 164, .25); }
body.brand-fusion .auth-link:hover,
body.brand-fusion .auth-lang-menu li a.active { color: #2358A4; }
body.brand-fusion .auth-lang-menu { border-color: rgba(35, 88, 164, .12); }