/* 
 * Styles personnalisés pour le thème xfrenchies
 * Ce fichier est chargé après les styles du thème parent
 */

:root {
  --color-background-primary: #121212 !important;
  --color-background-secondary: #000000 !important;
  --color-text-primary: #ffffff !important;
  --color-text-secondary: #9ca3af !important;
  --color-text-tertiary: #f2f2f2 !important;


  --color-background-input-search: #121212!important; 
  
  /* Surcharge des variables de couleur avec !important pour forcer la priorité */
  --color-primary: #f50682 !important; /* Rouge vif */
  --color-primary-hover: rgba(
    72,
    194,
    16,
    0.8
  ) !important; 
    --color-tertiary: #ffffff!important;
  
  --comment-login-color: #9ca3af!important;
  --comment-textarea-bg: #0c0c0c!important;
  --comment-textarea-border: 1px solid #2d2d2d!important;
  --comment-date-color: #979797!important;
  --comment-reply-color: #ffffff!important;
  
   
  
  
  
  /* Rouge vif avec transparence */

  /* Vous pouvez aussi surcharger les autres variables si nécessaire */
  /* --color-secondary: #votre_couleur; */
  /* --color-secondary-hover: rgba(votre_couleur, 0.8); */
  /* --color-background: #votre_couleur; */
  /* --color-background-secondary: #votre_couleur; */
}

/* 
 * Note : Les classes utilitaires (.text-primary, .bg-primary, etc.)
 * hériteront automatiquement des nouvelles valeurs des variables
 * car elles utilisent var(--color-primary)
 */

/* Surcharge directe des classes utilitaires si nécessaire */
/* .text-primary {
    color: var(--color-primary) !important;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.border-primary {
    border-color: var(--color-primary) !important;
}

/* Surcharge des classes Tailwind si nécessaire */
.text-primary-hover:hover {
  color: var(--color-primary-hover) !important;
}