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

:root {
  --color-background-primary: #fafafa !important;
  --color-background-secondary: #ffffff !important;
  --color-text-primary: #000000 !important;
  --color-text-secondary: #4d4d4d !important;

  --color-text-tertiary: #831919 !important;
  --color-text-tertiary-hover: #e0e0e0 !important;

  --color-background-input-search: #121212!important;
  

  --color-background-input-search: #fafafa!important;
  --color-background-footer: #ffffff!important;
  --color-border-navigation: #181818!important;
  /* Surcharge des variables de couleur avec !important pour forcer la priorité */
  --color-primary: #d4af37 !important; /* Rouge vif */
  --color-primary-hover: rgba(
    72,
    194,
    16,
    0.8
  ) !important; 
  
  
  --button-secondary-bg:  #181818!important;
  --button-secondary-text: #ffffff!important;
  --button-secondary-hover-bg: color-mix(in srgb,  #181818 80%, transparent)!important;
  --button-secondary-hover-text: #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;
}