/* ===========================================================================
   ZaZa — Charte de marque (back-office WAPY_Blazor)
   Couleurs de marque ZaZa : bleu → cyan → vert → jaune.
   Source de vérité : WapiYo/wwwroot/css/marketing.css (--z-*).
   =========================================================================== */
:root {
    --z-blue:     #0a4fc4;
    --z-blue-dk:  #083b93;   /* bleu foncé (bordures/hover) */
    --z-cyan:     #1592c6;
    --z-green:    #22a04a;
    --z-green-dk: #197a38;
    --z-yellow:   #ffc400;
    --z-yellow2:  #ffd21a;
    --z-ink:      #0e2038;
    --z-grad:     linear-gradient(135deg, #0a4fc4 0%, #1592c6 32%, #24a24a 63%, #ffc400 120%);
    --z-grad-btn: linear-gradient(90deg, #0a4fc4, #22a04a 55%, #ffc400);
}

/* Police de marque */
body {
    font-family: 'Poppins', 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ── Boutons Bootstrap alignés sur la marque ── */
.btn-primary {
    background-color: var(--z-blue);
    border-color: var(--z-blue-dk);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--z-blue-dk);
    border-color: var(--z-blue-dk);
}
.btn-success {
    background-color: var(--z-green);
    border-color: var(--z-green-dk);
}
.btn-warning {
    background-color: var(--z-yellow);
    border-color: var(--z-yellow2);
    color: var(--z-ink);
}

/* Liens */
a, .btn-link { color: var(--z-blue); }
a:hover, .btn-link:hover { color: var(--z-blue-dk); }

/* Focus ring de marque */
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus,
.form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.25rem var(--z-cyan);
}

/* Utilitaires de marque réutilisables */
.zz-brand-gradient { background: var(--z-grad); }
.zz-brand-gradient-btn { background: var(--z-grad-btn); }
.zz-text-blue { color: var(--z-blue); }
.zz-text-green { color: var(--z-green); }
.zz-text-yellow { color: var(--z-yellow); }