/* ==========================================================================
 * MIKROTUNNEL — Charte de marque centrale (COULEUR.2)
 *
 * Point UNIQUE de vérité des couleurs de marque (logo bleu V2). Chargé dans les
 * layouts back-office (main/auth/pay). Les vues migrent progressivement vers
 * var(--brand-*) (COULEUR.3+). Emails et PDF n'utilisent PAS ces variables
 * (CSS inline obligatoire / dompdf sans var()) : couleurs en dur côté ceux-là.
 *
 * AUTEUR : SONOTIC — DEGBE Claude Nicolas <lasonotic@gmail.com>
 * ========================================================================== */

:root {
    /* Bleus de marque (dégradé arche du logo) */
    --brand-dark:  #044CA7;   /* en-têtes forts, hover, texte accent */
    --brand:       #0B7FC2;   /* primaire : boutons, liens, barres actives */
    --brand-light: #0E91CC;   /* highlights, accents secondaires */
    --brand-bg:    #E8F4FB;   /* fonds de cartes, zones douces */
    --brand-grad:  linear-gradient(135deg, #044CA7 0%, #0B7FC2 50%, #0E91CC 100%);

    /* Neutres (wordmark / texte) */
    --ink:      #2E3A3E;      /* texte principal */
    --ink-soft: #687572;      /* texte secondaire */
    --line:     #A8B3A9;      /* bordures / séparateurs */

    /* Accent + états */
    --accent:  #F5A623;       /* badges actifs / CTA ponctuels */
    --ok:      #1FA97F;       /* succès */
    --warn:    #F5A623;       /* alerte */
    --danger:  #E5484D;       /* erreur */
}

/* ---- Classes utilitaires de marque (réutilisables COULEUR.3+) ---- */
.text-brand      { color: var(--brand) !important; }
.text-brand-dark { color: var(--brand-dark) !important; }
.bg-brand        { background: var(--brand) !important; color: #fff !important; }
.bg-brand-soft   { background: var(--brand-bg) !important; }
.bg-brand-grad   { background: var(--brand-grad) !important; color: #fff !important; }
.border-brand    { border-color: var(--brand) !important; }

.btn-brand {
    background: var(--brand); color: #fff; border: none;
}
.btn-brand:hover { background: var(--brand-dark); color: #fff; }

.badge-accent { background: var(--accent); color: #fff; }