/* Palette de couleurs */
:root {
    /* Couleurs principales */
    --primary: #f0151f;         /* Rouge vif */
    --secondary: #000000;       /* Noir */
    --tertiary: #ffffff;        /* Blanc */

    /* Couleurs complémentaires */
    --complementary1: #dc3545;  /* Rouge doux */
    --complementary2: #b01017;  /* Rouge foncé */
    --accent1: #f56c6c;         /* Rouge pastel */
    --accent2: #f9b3b6;         /* Rouge clair */

    /* Couleurs de statut */
    --success: #28a745;         /* Vert succès */
    --error: #dc3545;           /* Rouge erreur */
    --warning: #ffc107;         /* Jaune avertissement */
    --info: #17a2b8;            /* Bleu information */
    --disabled: #d6d6d6;        /* Gris désactivé */

    /* Couleurs neutres */
    --neutral-light: #f5f5f5;   /* Gris clair */
    --neutral-medium: #cccccc;  /* Gris moyen */
    --neutral-dark: #333333;    /* Gris foncé */

    /* Couleurs de texte */
    --text-primary: #000000;    /* Texte principal (noir) */
    --text-secondary: #777777; /* Texte secondaire (gris moyen) */
    --text-muted: #999999;      /* Texte atténué (gris clair) */
    --text-on-primary: #ffffff; /* Texte sur fond primaire (blanc) */
    --text-on-body: #212529;

    /* Couleurs d'arrière-plan */
    --background-white: #ffffff; /* Fond blanc */
    --background-light: #f8f9fa; /* Fond clair (blanc cassé) */
    --background-dark: #212529;  /* Fond sombre (noir charbon) */
    --background-accent: #f0151f; /* Fond accent (rouge vif) */

    /* Ombres et bordures */
    --shadow-light: rgba(0, 0, 0, 0.1); /* Ombre légère */
    --shadow-medium: rgba(0, 0, 0, 0.2); /* Ombre moyenne */
    --shadow-dark: rgba(0, 0, 0, 0.5);   /* Ombre sombre */
    --border-white: #ffffff; /* Bordure blanche */
    --border-light: #dddddd; /* Bordure claire */
    --border-spinner: #ced4da;
    --border-dark: #333333;  /* Bordure sombre */
    --border-on-body: #212529;
    --border-on-footer: #6c757d;
    --border-accent: #f0151f;

    /* Couleurs spécifiques */
    --button-hover: #e63946;   /* Rouge plus clair pour le hover */
    --card-background: #ffffff; /* Arrière-plan des cartes */
    --badge-background: #dc3545; /* Fond des badges */
    --link-color: #2d3748;     /* Couleur des liens */
    --link-hover: #0056b3;     /* Couleur des liens au survol */
}