/* ==========================================================================
   Charte graphique L'AGENCE123 — tokens et éléments d'UI partagés
   par toutes les pages (login, interface authentifiée, etc.)
   ========================================================================== */
:root {
    --agence-dark: #2A2A35;
    --agence-sidebar: #131429;
    --agence-pink: #e13048;
    --agence-purple: #705EC8;
    --agence-yellow: #F6B93B;
    --bg-light: #F4F6F9;
    --text-main: #3F4254;
}

html, body {
    height: 100%;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--text-main);
}

.text-agence-dark {
    color: var(--agence-dark);
}

.btn-agence {
    background-color: var(--agence-pink);
    color: #fff;
    border-radius: 8px;
    font-weight: 500;
    border: none;
}

.btn-agence:hover,
.btn-agence:focus {
    background-color: #D63350;
    color: #fff;
}

.btn-light-custom {
    background-color: #F5F8FA;
    color: #5E6278;
    border: none;
    font-weight: 500;
}

.btn-light-custom:hover {
    background-color: #E4E6EF;
    color: var(--text-main);
}