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

@layer base {
  :root {
    /* Couleurs en RGB “space separated” pour Tailwind */
    --m-primary: 34 39 131;       /* Couleur principal*/
    --m-secondary: 48 73 152;     /* Couleur secondaire */
    --m-tertiary: 243 244 248;    /* Couleur tertiaire (background) */
    --m-border: 203 213 225;      /* Couleur des bordures */
    --m-text: 15 23 42;           /*  Couleur du texte */
    --m-muted: 100 116 139;       /* Couleur pour les éléments désactivés ou secondaires */
    --m-bg: 243 244 248;          /* Couleur de fond générale */

    --m-error: 155 17 30;         /* rouge pour les erreurs */
    --m-success: 15 149 70;       /* vert pour les succès  */

    --m-btn-default: 34 39 131;   /* #222783 - bouton par défaut */
    --m-btn-hover: 18 28 219;     /* #121CDB - bouton hover */
    --m-btn-active: 33 37 103;    /* #212567 - bouton active */
    --m-btn-disabled: 204 204 223; /* #CCCCDF - bouton désactivé */
  }
}