/* ============================================================
   COMMON — base partagée entre toutes les pages
   Police, carte "verre" (glass-card), scrollbar personnalisée.
   Inclure ce fichier partout où assets/css/dark-mode.css est
   inclus, avant celui-ci, pour éviter toute redéfinition locale
   qui finit par diverger d'une page à l'autre.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #f4f9ff;
}

.glass-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

/* .custom-scrollbar : conservée pour les pages qui l'utilisent déjà, mais
   elle ne définit plus ses propres couleurs — la scrollbar du site est
   unifiée dans assets/css/azur.css (variables --scroll-thumb*), pour éviter
   qu'un conteneur opt-in diverge du reste de l'interface. */
.custom-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; }

/* Anneau de focus visible clavier, pour les éléments qui retirent
   l'outline par défaut (outline-none) sans le remplacer. */
.focus-ring:focus-visible {
    /* Repli explicite : share.php charge common.css sans azur.css, --azure y
       est donc indéfini et l'anneau de focus disparaîtrait sans cette valeur. */
    outline: 2px solid var(--azure, #2563eb);
    outline-offset: 2px;
}