/* Couleur de fond globale sombre */
.bg-ambervale {
    background: #0b0b14;
}

/* Légère variante pour certains blocs */
.bg-ambervale-soft {
    background: #151525;
}

/* Carte custom */
.card-ambervale {
    background: #151525;
    border: 1px solid #3a3a5a;
    border-radius: 0.9rem;
}

/* Bouton principal Ambervale (violet/orange, à adapter si tu veux) */
.btn-ambervale {
    background: linear-gradient(135deg, #9b4dff, #ff7b3a);
    border: none;
    color: #fff;
    font-weight: 500;
}

.btn-ambervale:hover {
    filter: brightness(1.05);
    color: #fff;
}

/* Avatar carré, petite taille fixe */
.avatar-placeholder {
    width: 96px;
    height: 96px;
    border-radius: 0.75rem;
    border: 1px dashed #666699;
    background: #1e1e30;
    font-size: 0.8rem;
    flex-shrink: 0; /* ne se compresse pas dans le d-flex */
}


/* Logo dans la navbar */
.logo-navbar {
    height: 40px;
    width: auto;
    object-fit: contain;
}

/* Table sombre mais lisible */
.table-dark {
    --bs-table-bg: #151525;
    --bs-table-striped-bg: #1e1e30;
    --bs-table-hover-bg: #24243a;
    color: #f8f9fa;
}

/* Ajustements divers */
body {
    min-height: 100vh;
}

/* On évite que le texte colle aux bords sur mobile */
main.container {
    padding-bottom: 2rem;
}
/* Texte à l’intérieur des cartes : un peu plus clair */
.card-ambervale .card-text,
.card-ambervale .small {
    color: #d7d7f0;
}

/* Le gris "secondaire" de Bootstrap est un peu trop fade sur fond sombre */
.text-secondary {
    color: #b0b0d0 !important;
}
/* On centre et limite un peu la largeur max globale sur très grands écrans */
.container-xl {
    max-width: 1320px;
}