@import url("./layout/header.css");
@import url("./layout/footer.css");
@import url("./pages/inicio.css");
@import url("./pages/nosotros.css");
@import url("./pages/colecciones.css");
@import url("./pages/shop.css");
@import url("./pages/informativas.css");
@import url("./pages/blog.css");
:root {
  --gold: #c9a96e;
  --gold-deep: #a9823c;
  --gold-soft: #f4ead2;
  --cream: #fffaf0;
  --ivory: #fffdf8;
  --blush: #f8eee9;
  --sand: #eadbc2;
  --taupe: #786a5a;
  --ink: #3d352b;
  --muted: #8b7d6d;
  --line: rgba(201, 169, 110, 0.28);
  --shadow: 0 18px 45px rgba(118, 96, 63, 0.12);
  --soft-shadow: 0 10px 30px rgba(118, 96, 63, 0.08);
  --transition: all 0.35s ease;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Inter", sans-serif;
  color: var(--ink);
  background: var(--ivory);
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
.brand {
  font-family: "Cormorant Garamond", serif;
}
a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  width: 100%;
}