body {
    font-family: 'Segoe UI', sans-serif;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    
}

/* Variables pour le thème clair */
:root {
    --titre-color: #0b0e8a;
    --effet-color: #74079f;
        /* bleu */
    --logo-color: #00ffa4;
    /* Couleur de fond principale */
    --bg-color: #ffffff;
    /* Couleur de     */
    --text-color: #000000;
    /* Couleur d'accent */
    --hover-bg: #fcfcfc53;
    --border-color:rgba(107, 100, 100, 0.629);
    /* Couleur d'ombre  t border */
    --navrigt-primary-bg: #f0e1e19c;
    --shadow-color: rgba(0, 0, 0, 0.1);
    --price-color : rgb(0, 0, 0);
    --badge-color : rgb(255, 208, 0) ;
    --badge-taille-pc : 14px;
    --badge-taille-mo: 12px;
    --taille-titre-pc:16px;
    --taille-titre-mo: 12px;
    --taille-dropdown-pc: 14px;
    --taille-dropdown-mo: 12px;
    --taille-text-pc:14px;
    --taille-text-mo:12px;
    --taille-icon-mo: 12px;
    --taille-icon-pc: 12px;
    --taille-etoile-pc: 18px;
    --taille-etoile-mo: 16px;
    --text-gras:bold;
}

/* Variables pour le thème sombre */
[data-theme="dark"] {
    --bg-primary: #18191a;
    --bg-secondary: #000000;
    --text-primary: #e4e6eb;
    --text-secondary: #ffffff;
    --accent-color: #2d88ff;
    --hover-bg: #3a3b3c;
    --shadow-color: rgba(0, 0, 0, 0.3);
    --price-color: rgb(255, 0, 0);
    --badge-color: rgb(255, 208, 0);
}