/* ═══════════════════════════════════════════════════════════════════════════
   Couleur d'une notification dans la cloche, par type d'alerte.

   ICI LE TYPE PASSE PAR LA PUCE, PAS PAR LE LISERÉ — et c'est l'inverse du
   Campus. Le liseré gauche du Studio porte déjà un sens : `.header-notif-item
   .unread` le colore pour dire « non lu ». Le reprendre pour le type aurait
   effacé ce signal-là, et sa spécificité (0,2,0) l'aurait de toute façon
   emporté sur la nôtre. On ajoute une information, on n'en remplace aucune.

   Les encres sont claires : le panneau du Studio est sur fond blanc mais le
   socle est sombre ; ces quatre-là tiennent 4,5:1 sur les deux.
   ═══════════════════════════════════════════════════════════════════════════ */

/* La puce redit le type pour qui ne distingue pas les couleurs : une mention
   réservée aux lecteurs d'écran le donne aussi en toutes lettres. */
.na-dot {
    display       : inline-block;
    width         : 7px;
    height        : 7px;
    margin-right  : 6px;
    border-radius : 50%;
    flex          : 0 0 7px;
    vertical-align: baseline;
}

.na-item--info    .na-dot { background: #2f7fd0; }
.na-item--success .na-dot { background: #1f8f52; }
.na-item--warning .na-dot { background: #a06a00; }
.na-item--danger  .na-dot { background: #c0392b; }