/* ════════════════════════════════════════════════════════════
   FLAT — sistema de diseño compartido (páginas públicas)
   Tokens de marca y base común para index.html y catalogo.html.
   Cambiar un color de marca acá impacta en todo el sitio público.
   (admin.html usa su propio tema oscuro, aparte.)
   ════════════════════════════════════════════════════════════ */
:root {
  --cream:    #fef2d6;            /* fondo (secundario brandbook) */
  --sand:     #d9c6a3;            /* superficies / hover (secundario) */
  --wine:     #738056;            /* acento principal — verde (primario) */
  --wine-lt:  #511f1d;            /* hover / activo — bordó (primario) */
  --charcoal: #413e0e;            /* texto principal — oliva oscuro (secundario) */
  --muted:    rgba(65,62,14,0.75);/* texto secundario (oliva translúcido, WCAG AA) */
  --bordo:    #511f1d;            /* bordó (primario) */
  --brown:    #432209;            /* paneles oscuros (secundario) */
  --line:     rgba(115,128,86,0.18);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  background: var(--cream); color: var(--charcoal);
  font-family: 'HelveticaWorld', sans-serif; font-weight: 300;
  font-size: 14px; letter-spacing: 0.02em; overflow-x: hidden;
}

/* Foco visible para navegación por teclado */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--wine); outline-offset: 2px;
}