/* ============================================================
   ZULI COSMETICS — SHARED PREMIUM THEME (light + gold)
   Linked LAST on inline-styled pages so it unifies the brand
   (fonts, gold accents, buttons) without breaking layouts.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap');

:root{
  --gold-main:#C08A4A;
  --gold-light:#E3BE86;
  --gold-dark:#9A6A33;
  --ink:#1a1a1a;
}

/* ---- Typography: kill Arial, unify with the homepage ---- */
body{ font-family:'Poppins', sans-serif !important; -webkit-font-smoothing:antialiased; }
html body h1, html body h2, html body h3, html body h4{ font-family:'Playfair Display', serif !important; color:var(--ink); letter-spacing:.3px; }

/* ---- Links in the brand gold ---- */
a{ color:var(--gold-dark); }
a:hover{ color:var(--gold-main); }

/* ---- Premium gold CTA utility (applied to primary buttons) ---- */
.btn-premium{
  background:linear-gradient(135deg,#B07B3E,#E3BE86) !important;
  color:#1a1a1a !important;
  font-weight:700 !important;
  letter-spacing:.5px !important;
  border:none !important;
  box-shadow:0 8px 22px rgba(90,54,32,0.35) !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}
.btn-premium:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 10px 28px rgba(90,54,32,0.48) !important;
  opacity:1 !important;
}

/* ---- Premium gold scrollbar (whole site feel) ---- */
*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-thumb{ background:linear-gradient(#C08A4A,#9A6A33); border-radius:10px; }
*::-webkit-scrollbar-track{ background:#f3efe6; }