/**
 * Palette de couleurs centralisée
 * Client: Elekable
 * 
 * Ce fichier contient toutes les variables CSS de couleur utilisées dans l'application.
 * Pour changer les couleurs du client, modifiez uniquement ce fichier.
 */

:root {
  /* ===========================
     Couleurs principales du client
     =========================== */
  --color-primary: #001514;
  --color-primary-dark: #000d0c;
  --color-primary-light: #002a28;
  --color-primary-rgb: 0, 21, 20;
  
  --color-secondary: #CAC4CE;
  --color-secondary-dark: #B5AEB9;
  --color-secondary-light: #DDD9DF;
  --color-secondary-rgb: 202, 196, 206;
  
  --color-accent: #E53D00;
  --color-accent-dark: #CC3600;
  --color-accent-light: #FF5722;
  --color-accent-rgb: 229, 61, 0;

  /* ===========================
     Couleurs sémantiques
     =========================== */
  --color-success: #4CAF50;
  --color-success-dark: #2e7d32;
  --color-success-light: #81c784;
  --color-success-rgb: 76, 175, 80;
  
  --color-progress: #46acc2;
  --color-progress-dark: #3a8fa5;
  --color-progress-light: #6bbdd4;
  --color-progress-rgb: 70, 172, 194;

  --color-error: #f15152;
  --color-error-dark: #d94546;
  --color-error-light: #f37374;
  --color-error-rgb: 241, 81, 82;
  
  --color-warning: #46acc2;
  --color-warning-dark: #3a8fa5;
  --color-warning-light: #6bbdd4;
  --color-warning-rgb: 70, 172, 194;
  
  --color-info: #46acc2;
  --color-info-dark: #3a8fa5;
  --color-info-light: #6bbdd4;
  --color-info-rgb: 70, 172, 194;

  /* ===========================
     Couleurs neutres
     =========================== */
  --color-text: #001514;
  --color-text-muted: #333333;
  --color-text-light: #666666;
  --color-text-on-dark: #fcfcfc;
  
  --color-border: #dee2e6;
  --color-border-light: #e5e7eb;
  --color-border-dark: #ccc;
  
  --color-background: #ffffff;
  --color-background-alt: #f8f9fa;
  --color-background-hover: #f3f4f6;
  --color-background-dark: #e9ecef;

  /* ===========================
     Couleurs de la sidebar
     =========================== */
  --sidebar-bg: var(--color-background);
  --sidebar-text: var(--color-text);
  --sidebar-muted: var(--color-text-muted);
  --sidebar-border: var(--color-border-light);
  --sidebar-hover: var(--color-background-hover);
  --sidebar-active-bg: rgba(var(--color-primary-rgb), 0.15);

  /* ===========================
     Couleurs des graphiques
     =========================== */
  --chart-color-1: var(--color-primary);
  --chart-color-2: var(--color-accent);
  --chart-color-3: var(--color-info);
  --chart-color-4: var(--color-success);
  --chart-color-5: var(--color-warning);
  --chart-color-6: #9C27B0;
  --chart-color-7: #00BCD4;
  --chart-color-8: #795548;
}