:root {
  --primary-100: #000000; /* Negro profundo, predominante en Farfetch */
  --primary-200: #1a1a1a; /* Gris oscuro, para elementos secundarios */
  --primary-300: #333333; /* Gris más claro, usado en algunos textos y detalles */
  --accent-100: #d0a85c; /* Dorado suave, que a veces aparece en detalles */
  --accent-200: #b88b4a; /* Versión más oscura del dorado */
  --text-100: #000000; /* Blanco puro, para contraste con fondos oscuros */
  --text-200: #474e50;
  --text-300: #7c898d; /* Gris claro, para textos secundarios */
  --bg-100: #ffffff; /* Fondo blanco predominante */
  --bg-200: #f5f5f5; /* Gris muy claro, para secciones diferenciadas */
  --bg-300: #e0e0e0; /* Gris medio, usado en bordes o detalles */
}
@font-face {
    font-family: "Font Awesome 6 Free";
    font-display: swap;
    src: local("Font Awesome 6 Free");
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-display: swap;
    src: local("Font Awesome 6 Brands");
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-display: swap;
    src: local("Font Awesome 6 Pro");
}