@import "tailwindcss";

@theme {
  --color-brand-mint: #87afa4;
  --color-brand-dark: #3d3c3a;
  --color-surface: #f4f5f6;
  --color-surface-card: #ffffff;
  --color-text-primary: #3d3c3a;
  --color-text-secondary: #6b7280;
  --color-text-muted: #9ca3af;
  --color-border: #e5e7eb;
  --color-stale: #f59e0b;
}

/* Focus visible accesible */
*:focus-visible {
  outline: 2px solid var(--color-brand-mint);
  outline-offset: 2px;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Imagen de producto: cubierta centrada */
.product-image {
  object-fit: cover;
  object-position: center;
  background-color: var(--color-surface);
}

