/* Variables CSS - Thème Noël (Vert et Rouge) */
/* Charte de ~30 couleurs de base - Modifier ces couleurs change tout le thème */
/* TOUTES les couleurs doivent être ici dans la section COULEURS DE BASE */
/* Les variables communes sont dans assets/css/variables-common.css */

:root {
    /* ============================================
       COULEURS DE BASE (30-35 couleurs max)
       Modifier ces couleurs change tout le thème
       TOUTES les couleurs doivent être ici
       ============================================ */
    
    /* Couleurs principales */
    --base-color: #0F5132;              /* Couleur principale (vert Noël) */
    --base-color-light: #198754;        /* Version claire */
    --base-color-dark: #0A3D22;         /* Version foncée */
    --second-color: #a31423;            /* Couleur secondaire (rouge Noël) */
    --second-color-muted: #720712;      /* Version atténuée */
    --second-color-soft: #eb0027;       /* Version douce */
    --third-color: #198754;             /* Couleur tertiaire */
    
    /* Couleurs de texte */
    --text-color: #2A221A;              /* Texte principal */
    --text-color-muted: #5B4B3F;        /* Texte atténué */
    --text-color-soft: #847567;         /* Texte doux */
    --text-color-light: #847567;        /* Texte clair */
    --text-color-inverse: #FFF5F5;      /* Texte inversé */
    --text-color-white: white;          /* Texte blanc */
    
    /* Couleurs de fond */
    --background-color: #FFF5F5;        /* Fond principal */
    --background-color-alt: #FFF8F8;    /* Fond alternatif */
    --background-color-secondary: #FFFBFB; /* Fond secondaire */
    --background-color-overlay: rgba(15, 81, 50, 0.7); /* Overlay modals */
    
    /* Couleurs spéciales */
    --color-success: #0F5132;           /* Couleur succès (vert Noël) */
    --color-success-light: rgba(15, 81, 50, 0.12); /* Fond succès */
    --color-error: #DC3545;             /* Couleur erreur (rouge) */
    --color-error-light: #FFEBEE;       /* Fond erreur */
    --color-warning: #ffc107;           /* Couleur avertissement (jaune) */
    --color-warning-text: #cc7a00;      /* Texte avertissement */
    --color-warning-light: rgba(255, 193, 7, 0.15); /* Fond avertissement */
    --color-info: #198754;              /* Couleur information */
    --color-info-light: rgba(15, 81, 50, 0.08); /* Fond information */
    --color-note: rgba(15, 81, 50, 0.12); /* Fond note */
    --color-detail: rgba(220, 53, 69, 0.08); /* Fond détail */
    
    /* Couleurs boutons spéciaux */
    --color-button-view: #4a5a70;       /* Couleur bouton view */
    --color-button-view-hover: #3f4d60; /* Couleur bouton view hover */
    --color-button-view-hover-bg: rgba(74, 90, 112, 0.1); /* Fond hover view */
    --color-button-success: #0F5132;    /* Couleur bouton success/duplicate */
    --color-button-success-hover: #0A3D22; /* Couleur hover success */
    --color-button-success-hover-bg: rgba(15, 81, 50, 0.1); /* Fond hover success */
    --color-button-edit: #ffc107;       /* Couleur bouton edit/warning */
    --color-button-edit-hover: #e0a800; /* Couleur hover edit */
    --color-button-edit-hover-bg: rgba(255, 193, 7, 0.1); /* Fond hover edit */
    --color-button-delete: #DC3545;     /* Couleur bouton delete/danger */
    --color-button-delete-hover: #BB2D3B; /* Couleur hover delete */
    --color-button-delete-hover-bg: rgba(220, 53, 69, 0.15); /* Fond hover delete */
    --color-button-disabled: #666;      /* Couleur bouton désactivé */
    
    /* Couleurs spéciales contrôles */
    --color-control-bg: #666;           /* Fond contrôle (dark) */
    --color-control-text: white;        /* Texte contrôle (dark) */
    --color-control-border: #888;       /* Bordure contrôle (dark) */
    --color-control-placeholder: rgba(255, 255, 255, 0.6); /* Placeholder contrôle */
    --color-control-focus-bg: #777;     /* Fond focus contrôle */
    --color-range-track: #ddd;          /* Track range slider */
    --color-range-thumb-border: white;  /* Bordure thumb range */
    
    /* Couleurs de bordure */
    --border-color: rgba(220, 53, 69, 0.2); /* Bordure normale */
    --border-color-white: rgba(255, 255, 255, 0.2); /* Bordure blanche transparente */
    
    /* Couleurs d'ombres (valeurs complètes) */
    --shadow-color: rgba(213, 28, 28, 0.15); /* Ombre normale */
    --shadow-primary: 0 4px 12px rgba(15, 81, 50, 0.25); /* Ombre primary */
    --shadow-primary-hover: 0 6px 16px rgba(15, 81, 50, 0.18); /* Ombre primary hover */
    --shadow-card: 0 10px 25px rgba(220, 53, 69, 0.08); /* Ombre carte */
    --shadow-modal: 0 12px 30px rgba(15, 81, 50, 0.08); /* Ombre modal */
    --shadow-nav-menu: 0 12px 24px rgba(220, 53, 69, 0.12); /* Ombre menu nav mobile */
    --shadow-small: 0 2px 6px rgba(0, 0, 0, 0.15); /* Petite ombre */
    --shadow-small-black: 0 2px 4px rgba(0, 0, 0, 0.2); /* Petite ombre noire */
    --shadow-focus-ring: 0 0 0 3px rgba(15, 81, 50, 0.2); /* Anneau focus */
    --shadow-focus-ring-strong: 0 0 0 3px rgba(15, 81, 50, 0.3); /* Anneau focus fort */
    
    /* Couleurs OAuth */
    --oauth-google-bg: white;            /* Fond Google */
    --oauth-google-text: #333;           /* Texte Google */
    --oauth-google-border: #dadce0;      /* Bordure Google */
    --oauth-meta-bg: #1877F2;            /* Fond Meta */
    --oauth-meta-text: white;            /* Texte Meta */
    --oauth-meta-border: #1877F2;        /* Bordure Meta */
}