@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    /* ── Globales ── */
    --m-primary: 34 39 131;         /* #222783 - Bleu Malio */
    --m-bg: 243 244 248;            /* #F3F4F8 - Fond de page */
    --m-surface: 243 244 248;       /* #F3F4F8 - Fond hover/cartes */
    --m-text: 15 23 42;             /* #0F172A */
    --m-muted: 100 116 139;         /* #64748B */
    --m-border: 203 213 225;        /* #CBD5E1 */
    --m-disabled: 204 204 223;      /* #CCCCDF - Partagé entre toutes les familles bouton */
    --m-danger: 242 105 107;        /* #F2696B - Erreurs et boutons danger */
    --m-success: 15 149 70;         /* #0F9546 */

    /* ── Boutons Primary ── */
    --m-btn-primary: 34 39 131;           /* #222783 */
    --m-btn-primary-hover: 18 28 219;     /* #121CDB */
    --m-btn-primary-active: 33 37 103;    /* #212567 */

    /* ── Boutons Secondary ── */
    --m-btn-secondary: 75 77 237;         /* #4B4DED */
    --m-btn-secondary-hover: 137 123 241; /* #897BF1 */
    --m-btn-secondary-active: 18 28 219;  /* #121CDB */

    /* ── Boutons Danger ── */
    --m-btn-danger: 242 105 107;          /* #F2696B */
    --m-btn-danger-hover: 234 151 151;    /* #EA9797 */
    --m-btn-danger-active: 255 83 86;     /* #FF5356 */

    /* ── Couleurs de site (usage ponctuel) ── */
    --m-site-blue: 5 108 242;       /* #056CF2 - Bleu Châtellerault */
    --m-site-yellow: 243 203 0;     /* #F3CB00 - Jaune Saint-Jean */
    --m-site-green: 116 191 4;      /* #74BF04 - Vert Pommevic */

    --m-radius: 6px;
  }
}