/**
 * GemLink Widget Loader — Base CSS
 *
 * Chargé automatiquement sur toutes les pages où des widgets uploadés sont actifs.
 * Les widgets peuvent s'appuyer sur ces variables comme fondation commune.
 *
 * Personnalisez les variables :root pour chaque projet.
 * Ne supprimez pas les noms de variables — les widgets uploadés peuvent les utiliser.
 */

:root {
    /* Couleurs — adapter à la charte du projet */
    --gem-primary:    #0077cc;
    --gem-secondary:  #f0a500;
    --gem-dark:       #1a2033;
    --gem-text:       #2c3545;
    --gem-muted:      #6b7280;
    --gem-bg:         #f4f6f9;
    --gem-border:     #e2e6ed;
    --gem-white:      #ffffff;

    /* Arrondis */
    --gem-radius-sm:  4px;
    --gem-radius-md:  8px;
    --gem-radius-lg:  16px;

    /* Ombres */
    --gem-shadow-sm:  0 1px 3px rgba(0, 0, 0, .08);
    --gem-shadow-md:  0 4px 12px rgba(0, 0, 0, .12);
    --gem-shadow-lg:  0 8px 24px rgba(0, 0, 0, .16);

    /* Transitions */
    --gem-transition: 0.2s ease;
}