/* -------------------------------------------------------------
 * VARIABLES OFFICIELLES CHARTE GRAPHIQUE FONGI
 * ------------------------------------------------------------- */
:root {
    /* Palette Institutionnelle FONGI */
    --fongi-blue: #53c3eb;         /* Primaire Dominant */
    --fongi-blue-dark: #2da9d6;    /* Teinte d'accent/hover */
    --fongi-blue-deep: #0d6b8e;    /* Teinte profonde */
    --fongi-blue-light: #e6f7fd;   /* Fond teinté subtil */
    --fongi-teal: #81ccd2;         /* Secondaire Bleu-vert */
    --fongi-teal-light: #eef8f9;
    --fongi-green-light: #79c193;  /* Tertiaire Vert clair */
    --fongi-green: #6db758;        /* Quaternaire Vert durable */
    --fongi-green-dark: #589f44;

    /* Couleurs Sémantiques */
    --color-success: #79c193;
    --color-info: #53c3eb;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;

    /* Neutres & Typographie */
    --text-primary: #1e293b;       /* Titres & textes forts */
    --text-secondary: #475569;     /* Textes de lecture */
    --text-muted: #64748b;         /* Sous-titres & métadonnées */
    --bg-main: #ffffff;
    --bg-surface: #f8fafc;
    --bg-card: #ffffff;
    --border-color: #e2e8f0;
    --border-subtle: #f1f5f9;

    /* Ombres Subtiles Institutionnelles */
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 10px -1px rgba(0, 0, 0, 0.08), 0 2px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 12px 22px -3px rgba(0, 0, 0, 0.09), 0 4px 8px -4px rgba(0, 0, 0, 0.05);
    --shadow-hover: 0 14px 24px -3px rgba(83, 195, 235, 0.2), 0 4px 8px -2px rgba(83, 195, 235, 0.1);
    --shadow-glow: 0 0 0 3px rgba(83, 195, 235, 0.2), 0 6px 20px rgba(83, 195, 235, 0.25);

    /* Rayons de bordure */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-full: 9999px;

    /* Transitions fluides */
    --transition-fast: 0.15s ease-in-out;
    --transition-normal: 0.25s ease-in-out;
    --transition-smooth: 0.35s cubic-bezier(0.4, 0, 0.2, 1);

    /* Dimensions Normalisées Logos */
    --logo-wrapper-w: 170px;
    --logo-wrapper-h: 90px;
    --logo-img-max-w: 145px;
    --logo-img-max-h: 65px;
}