/* === Arrière-plan général === */
body {
    background-color: #1C1B1A; /* Noir doux */
    color: #E3C14B; /* Jaune doré pour le texte */
}

/* === Colonnes et éléments de fond === */
.column, .drawer__inner {
    background: rgba(28, 27, 26, 0.95);
    border-radius: 10px;
}

/* === Zone d’édition et posts === */
.status, .compose-form__content {
    background: var(--background-tertiary); /* Même fond que la zone d’édition */
    border-left: 4px solid #73A9C2;
    padding: 10px;
    transition: 0.3s;
}

/* === Liens et interactions === */
a {
    color: #73A9C2;
}
a:hover {
    color: #E3C14B;
}

/* === Boutons === */
.button {
    background: linear-gradient(45deg, #823C6D, #9E6A38);
    color: white;
    border-radius: 8px;
    transition: 0.3s;
}
.button:hover {
    background: linear-gradient(45deg, #E3C14B, #9E6A38);
    box-shadow: 0px 0px 10px #E3C14B;
}

/* === Notifications === */
.notification {
    background: rgba(50, 40, 70, 0.9);
    border-left: 4px solid #E3C14B;
}
.notification.mention {
    background: rgba(60, 50, 90, 1);
    border-left: 4px solid #823C6D;
}