/* ========================================
   VARIABLES DE COULEURS - MODIFIABLE FACILEMENT
   ======================================== */

:root {
    /* Couleurs principales de la campagne */
    --color-primary: #153e75;      /* jaune */
    --color-secondary: #153e75;    /* Bleu */
    --color-accent: #f7da30;       /* Jaune */
    --color-highlight: #D3540D;    /* Orange */

    /* Variations automatiques */
    --color-primary-light: #15a373;
    --color-primary-dark: #1256a0;

    /* Couleurs système */
    --color-white: #ffffff;
    --color-light: #f8f9fa;
    --color-dark: #212529;
    --color-gray: #6c757d;
    --color-gray-light: #e9ecef;

    /* Typographie */
    --font-primary: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    /* Espacements */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 5rem;

    /* Ombres */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.1);

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;

    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* Logos */
    --logo-height: 150px;
    --logo-gap: 20px;
}

/* ========================================
   TEXTURE DE FOND
   ======================================== */

/* Couleur de base du fond texturé (modifiable) */
:root {
    --background-texture-color: #a0243c;  /* Rouge de base pour la texture */
}

/* ========================================
   POUR MODIFIER LES COULEURS :

   Changez simplement les valeurs hexadécimales
   ci-dessus et tout le site s'adaptera automatiquement !

   Exemple :
   --color-primary: #FF0000;  (pour du rouge)

   Pour changer la couleur du fond texturé :
   --background-texture-color: #VOTRE_COULEUR;
   ======================================== */