/* =============================================================
   ✦ MALIKA BRIDGE — Sous-pages unifiées à Voile Sacré
   À charger APRÈS le <style> inline de chaque sous-page.
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Italiana&family=Manrope:wght@300;400;500;600;700&family=Marcellus&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap');

/* Override des variables Or Spirituel J1 → Voile Sacré */
:root {
  --or-pur: #B89968 !important;       /* or-mat */
  --or-clair: #D4B16A !important;     /* or-vif */
  --or-profond: #6B5328 !important;
  --beige-sacre: #FBF7EE !important;  /* ivoire */
  --beige-doux: #F2EDDF !important;   /* perle */
  --noir-doux: #2B1F26 !important;    /* encre */
  --gris-doux: #5C4854 !important;    /* encre-doux */

  /* Nouvelles vars Voile Sacré (utilisables aussi) */
  --or-mat: #B89968;
  --or-vif: #D4B16A;
  --or-glow: #E8C988;
  --prune: #4A2C44;
  --aubergine: #2E1A2C;
  --aubergine-nuit: #1F1426;
  --ivoire: #FBF7EE;
  --perle: #F2EDDF;
}

/* Typographie globale Voile Sacré */
body, html {
  font-family: 'Manrope', -apple-system, sans-serif !important;
  color: var(--noir-doux) !important;
}

/* Titres : Italiana pour h1, Cormorant pour h2-h4 */
h1, .header h1 {
  font-family: 'Italiana', 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.015em !important;
}
h2, h3, h4 {
  font-family: 'Cormorant Garamond', serif !important;
}
h1 em, h2 em {
  font-style: italic;
  color: var(--or-mat) !important;
}

/* Tout ce qui était en Cinzel → Marcellus */
.cinzel, [class*="eyebrow"], [class*="label"], [class*="-tag"], .badge {
  font-family: 'Marcellus', serif !important;
  letter-spacing: 0.2em !important;
}

/* Boutons pill global */
button, .btn, .cta, [class*="btn-"] {
  border-radius: 999px !important;
  font-family: 'Marcellus', serif !important;
  letter-spacing: 0.14em !important;
}

/* Cards / containers harmonisés 24px */
.card, [class*="-card"], .product, .item, .block, .panel {
  border-radius: 24px !important;
}

/* Inputs 14px */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="search"],
textarea, select {
  border-radius: 14px !important;
  font-family: 'Manrope', sans-serif !important;
}

input[type="checkbox"], input[type="radio"] {
  accent-color: var(--or-mat) !important;
}

/* Liens dorés cohérents */
a { color: var(--or-profond); }
a:hover { color: var(--or-mat); }

/* Selection or */
::selection {
  background: var(--or-vif);
  color: var(--aubergine-nuit);
}