: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 */
}
  [data-mode="default-dark"] {
    --primary-100:#0085ff;
    --primary-200:#69b4ff;
    --primary-300:#e0ffff;
    --accent-100:#006fff;
    --accent-200:#e1ffff;
    --text-100:#FFFFFF;
    --text-200:#9e9e9e;
    --bg-100:#1E1E1E;
    --bg-200:#2d2d2d;
    --bg-300:#454545;
  }
  [data-mode="light"] {
    --primary-100:#EE6C4D;
    --primary-200:#cc4f34;
    --primary-300:#7f0000;
    --accent-100:#F7D1B3;
    --accent-200:#927156;
    --text-100:#333333;
    --text-200:#5c5c5c;
    --bg-100:#f4fdfd;
    --bg-200:#eaf3f3;
    --bg-300:#c1caca;
  }