/* ====================================================================
   ZG: variables — Tokens de diseño Zorros Gaman
   --------------------------------------------------------------------
   Cargado por el plugin Gaman Core en todas las páginas. Define las
   custom properties en :root para que todos los bloques zg- las
   hereden. Los bloques también declaran estos valores como fallback
   dentro de su propio var(--zg-x, fallback): cada bloque funciona
   aunque este archivo aún no esté cargado.

   [CONFIRMAR]: valor pendiente de sustituir por el dato real del CSS
   del tema (inspector del navegador). No inventar.

   Dirección estética (2026-05-20): minimalismo japonés con vocación
   de e-commerce premium. Fondo casi blanco, tinta cálida, accentos
   raros y deliberados. Referencias: MUJI, Aesop, Issey Miyake online.
   ==================================================================== */

:root {

  /* --- Color · superficie ------------------------------------------ */
  /* Paleta de marca confirmada. Estos cinco hex son los oficiales de
     Zorros Gaman; sustituirlos rompe la consistencia con la marca. */
  --zg-fondo:           #F7F7F4;  /* off-white principal (página) */
  --zg-fondo-suave:     #F2EFE6;  /* crema (marca) — tono de capa secundario */
  --zg-borde:           #E5E5DF;  /* filete y separadores finos (derivado) */

  /* --- Color · tinta ----------------------------------------------- */
  --zg-texto:           #1C1C1A;  /* tinta (marca) */
  --zg-texto-suave:     #5F5F5A;  /* gris medio derivado, body secundario (AA sobre #F7F7F4) */
  --zg-texto-tenue:     #9A9A94;  /* gris derivado, DECORATIVO únicamente — no apto para texto AA */

  /* --- Color · acentos de marca (uso muy restringido) -------------- */
  --zg-oro-rosa:        #B76E79;  /* marca — SOLO CTA primario y un micro-acento por bloque */
  --zg-oro-rosa-osc:    #8E4F58;  /* hover del CTA (derivado: oro rosa oscurecido) */
  --zg-salvia:          #94A38C;  /* marca — acento de bloque (tarjetas, etiquetas, color-blocks
                                     contenidos). NUNCA como fondo de sección a sangre. */
  --zg-rosa-almendro:   #E8D3CE;  /* marca — pétalos y detalles decorativos delicados */

  /* --- Tipografía -------------------------------------------------- */
  /* Fuentes oficiales del sitio (cargadas vía plugin Gaman Core):
       · Lexend — sans-serif humanista para TODO el texto y titulares.
       · Bodoni Moda Bold (700) — EXCLUSIVAMENTE para el display GAMAN.
     No añadir más fuentes externas sin justificación. */
  --zg-fuente-texto:    'Lexend', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --zg-fuente-titulo:   'Lexend', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --zg-fuente-display:  'Bodoni Moda', 'Bodoni 72', Didot, 'Playfair Display', 'Times New Roman', serif;

  /* --- Escala de texto — REDUCIDA (la marca habla bajo) ------------ */
  --zg-texto-base:      clamp(0.9375rem, 0.9rem + 0.25vw, 1.0625rem);  /* 15 → 17px */
  --zg-texto-lead:      clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);       /* 17 → 20px */
  --zg-texto-pequeno:   0.75rem;  /* 12px — captions */
  --zg-interlineado:    1.6;
  --zg-medida:          64ch;     /* máx. para texto largo */

  /* --- Escala de espaciado (múltiplos de 8) ------------------------ */
  --zg-esp-1:           8px;
  --zg-esp-2:           16px;
  --zg-esp-3:           24px;
  --zg-esp-4:           32px;
  --zg-esp-5:           48px;
  --zg-esp-6:           64px;
  --zg-esp-7:           96px;
  --zg-esp-8:           128px;

  /* Padding vertical de sección — generoso (ma, espacio negativo) */
  --zg-seccion-y:       clamp(80px, 10vw, 168px);

  /* --- Layout ------------------------------------------------------ */
  --zg-max-w:           1200px;     /* ancho máx. del contenido por bloque */

  /* --- Movimiento (todo refinado y lento) -------------------------- */
  --zg-trans-rapido:    160ms cubic-bezier(0.4, 0, 0.2, 1);           /* hover, foco */
  --zg-trans-medio:     360ms cubic-bezier(0.22, 0.61, 0.36, 1);      /* microacciones */
  --zg-trans-lento:     720ms cubic-bezier(0.22, 0.61, 0.36, 1);      /* mask reveals */
  --zg-trans-entrada:   900ms cubic-bezier(0.22, 0.61, 0.36, 1);      /* entradas de bloque */

  /* --- Otros ------------------------------------------------------- */
  --zg-radio:           0;        /* esquinas vivas, sin redondeo */
  --zg-transicion:      var(--zg-trans-rapido);                       /* alias */
  --zg-foco:            1px solid var(--zg-texto);                    /* foco fino y oscuro */
}