:root {
  --color-cafe-50: #f7f1ec;
  --color-cafe-100: #ecdfd3;
  --color-cafe-200: #d8bea7;
  --color-cafe-300: #c09a7b;
  --color-cafe-400: #a67858;
  --color-cafe-500: #8a5d3f;
  --color-cafe-600: #6f4830;
  --color-cafe-700: #583825;
  --color-cafe-800: #42291b;
  --color-cafe-900: #2c1b12;
  --color-cafe-950: #1c110b;
  --color-crema-50: #fdfaf4;
  --color-crema-100: #f8f1e4;
  --color-crema-200: #f0e3c9;
  --color-crema-300: #e5cfa4;
  --color-crema-400: #d6b579;
  --color-oliva-50: #f4f6ec;
  --color-oliva-100: #e6ead3;
  --color-oliva-200: #ccd5a8;
  --color-oliva-300: #aab974;
  --color-oliva-400: #8b9c4c;
  --color-oliva-500: #6e7f35;
  --color-oliva-600: #566429;
  --color-oliva-700: #444f22;
  --color-oliva-800: #373f1f;
  --color-oliva-900: #2e351c;
  --color-terracota-100: #f9e1d6;
  --color-terracota-600: #a8472a;
  --color-terracota-700: #8a3a22;
  --tema-fondo: #fdfaf4;
  --tema-fondo-seccion: #f8f1e4;
  --tema-texto: #2c1b12;
  --tema-boton: #42291b;
  --tema-boton-hover: #2c1b12;
  --tema-boton-texto: #fdfaf4;
  --tema-acento: #444f22;
  --tema-pie: #2c1b12;
  --tema-pie-texto: #f8f1e4;
  --tema-oferta: #a8472a;
  --font-display: 'Fraunces Variable', ui-serif, Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter Variable', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}