/* ============================================
   NEEXXO — TOKENS DE MARCA
   Edita estos valores para ajustar la paleta y
   tipografía en todo el catálogo de una sola vez.
   ============================================ */
:root {
  color-scheme: light;

  /* Paleta */
  --bg:        #FFFFFF;   /* fondo principal, blanco nítido */
  --surface:   #F6F4F0;   /* paños suaves para franjas y filtros */
  --ink:       #1B1712;   /* negro cálido, texto principal */
  --ink-soft:  #6B6459;   /* gris tostado, texto secundario */
  --gold:      #9C7A3F;   /* bronce quemado, acento tipográfico */
  --line:      #E6E2DA;   /* líneas finas / bordes */
  --line-dark: #D8D2C6;

  /* Acentos de marca (tomados del sello Neexxo) */
  --brand-green: #0F3D22;
  --brand-green-dark: #012510;
  --brand-yellow: #F2C511;

  /* Tipografía */
  --serif: 'Fraunces', Georgia, serif;
  --sans:  'Jost', system-ui, sans-serif;

  /* Sombras y transiciones */
  --shadow-card: 0 22px 44px -26px rgba(27, 23, 18, 0.30);
  --shadow-soft: 0 10px 24px -18px rgba(27, 23, 18, 0.20);
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Superficies */
  --bg-translucent: rgba(255, 255, 255, 0.88);
  --radius: 3px;

  /* Layout */
  --gutter: 6vw;
  --gutter-mobile: 5vw;
}