@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap");

:root {
  /* Fashion theme colors */
  --bs-body-bg: #0a0a0a;
  --bs-body-color: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-color-rgb: 13, 13, 13;
  --bs-body-bg-opacity: 1;
  --bs-body-color-opacity: 1;
  --bs-body-tertiary-bg: #f8f9fa;
  --bs-body-tertiary-bg-rgb: 248, 249, 250;
  --bs-secondary-color: #eed054;

  /* Navigation */
  --bs-nav-link-color: #ffffff;
  --bs-navbar-brand-color: #ffffff;
  --bs-navbar-brand-hover-color: #ffffff;

  /* Accent colors */
  --fashion-accent-gold: #c19a6b;
  --fashion-accent-magenta: #d81b60;
  --fashion-black: #0d0d0d;
  --fashion-white: #ffffff;

  /* Typography */
  --fashion-font-heading: "Playfair Display", serif;
  --fashion-font-body: "Inter", sans-serif;
}

.navbar-nav {
  --bs-nav-link-color: #ffffff;
  --bs-nav-link-hover-color: #eed054;
  --bs-nav-link-active-color: #eed054;
}

/* Typography overrides */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--fashion-font-heading);
  color: #eed054 !important;
}

body {
  font-family: var(--fashion-font-body);
}

.btn-outline-gold {
  border: 2px solid #eed054;
  color: #eed054;
  font-weight: 600;
  background-color: transparent;
}
.btn-outline-gold:hover {
  background-color: #eed054;
  color: #000; /* contraste lisible */
}

.hover-gold:hover {
  color: #eed054 !important;
}