/* =========================================================
   1. VARIABLES (Source de vérité unique)
   ========================================================= */
:root {
    /* Couleurs */
    --gold: #c9a55c;
    --gold-light: #e0c286;    /* Correction de --light-gold */
    --black-deep: #0a0a0a;
    --black-soft: #141414;
    --text-muted: #9e9a92;
    
    /* Typographies - Unifiées */
    --font-serif: 'Cormorant Garamond', serif;
    --font-sans: 'Raleway', sans-serif;
}

/* =========================================================
   2. RESET & FONDAMENTAUX
   ========================================================= */
* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
}

body { 
    background-color: var(--black-deep) !important; 
    color: #ffffff; 
    font-family: var(--font-sans); /* Utilisation de la variable */
    overflow-x: hidden;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* Force la police Serif sur les titres si nécessaire */
h1, h2, h3, .font-serif {
    font-family: var(--font-serif) !important;
}

/* =========================================================
   3. FIX MÉDIAS (Empêche l'éclatement du layout)
   ========================================================= */
svg, img { 
    max-width: 100%; 
    height: auto; 
    display: block; 
}

/* Correction Icônes Header (Taille fixe pour éviter le bug géant) */
.header-account svg, 
.header-moon-icon svg,
.site-header svg {
    width: 24px !important;
    height: 24px !important;
    stroke: var(--gold); /* Utilisation de la variable */
    fill: none;
}

/* Logo - Taille sécurisée */
.site-branding img, {
    height: 60px !important;
    width: auto !important;
    max-width: none !important;
}

/* =========================================================
   4. STRUCTURE DE BASE
   ========================================================= */
.container { 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 20px; 
}

/* Unification du Header (Une seule déclaration) */
.site-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

/* =========================================================
   5. UTILITAIRES DE COULEURS (Correction bugs silencieux)
   ========================================================= */
.text-gold { color: var(--gold) !important; }
.text-gold-light { color: var(--gold-light) !important; } /* Correction faute */
.bg-black { background-color: var(--black-deep) !important; }

/* Correction du bouton mal orthographié dans ton audit */
.btn-gold-outline {
    border: 1px solid var(--gold);
    color: var(--gold);
    padding: 10px 20px;
    display: inline-block;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.btn-gold-outline:hover {
    background-color: var(--gold);
    color: var(--black-deep);
}