/* Tokens de diseño de MisifusArt (docs/diseno.md).
   Los colores mandan desde Elementor: cada token lee su Global Color (_id = slug) y el hex
   solo actúa si Elementor no lo define. */

:root {
  /* Paleta */
  --papel: var(--e-global-color-papel, #FBFAEA);
  --menta: var(--e-global-color-menta, #C5DAC0);
  --salvia: var(--e-global-color-salvia, #9BC1B0);
  --petroleo: var(--e-global-color-petroleo, #6FAFB8);
  --verde: var(--e-global-color-verde, #2F7550);          /* texto/botones con papel: AA */
  --verde-vivo: var(--e-global-color-verde-vivo, #3D8F65); /* decoración o texto grande */
  --tinta: var(--e-global-color-tinta, #0F2A1E);          /* texto; nunca negro puro */
  --mostaza: var(--e-global-color-mostaza, #D8973C);      /* CTA principal, texto en tinta */
  --indigo: var(--e-global-color-indigo, #3B4A9A);
  --purpura: var(--e-global-color-purpura, #8E4590);
  --rojo: var(--e-global-color-rojo, #B83A3A);

  /* Acento por obra: lo sobrescribe el campo del producto. El texto y el fondo del botón encima
     los calcula functions.php por contraste (misifusart_vars_acento); estos son el respaldo. */
  --acento-obra: var(--mostaza);
  --acento-texto: var(--tinta);

  /* Derivados */
  --tinta-suave: var(--e-global-color-tinta-suave, #3E5347);     /* texto secundario: 8,1:1 sobre papel */
  --mostaza-claro: var(--e-global-color-mostaza-claro, #E2A955); /* hover del botón principal */

  /* Tipografía (fuentes locales en fonts.css) */
  --f-titulo: "Fraunces", Georgia, serif;
  --f-texto: "DM Sans", system-ui, sans-serif;

  /* Textura de papel: ruido SVG en línea, sin peticiones */
  --grano: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .06 0 0 0 0 .16 0 0 0 0 .12 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");

  /* Sombra corta de hoja sobre la mesa */
  --sombra: 0 1px 1px rgb(15 42 30 / .1), 0 10px 22px -12px rgb(15 42 30 / .35);

  /* El trazo de Mary: calcado del subrayado de su firma (escaneo del cerdo, 2026) */
  --trazo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9.6C2 6.6 5.6 5.3 10 5.6C62 5 132 3.1 198 1.5C199.3 1.7 199.3 2.7 198 2.9C132 5.7 62 8.8 12 11.7C7 12.3 3.6 11.7 3 9.6Z'/%3E%3C/svg%3E");

  /* Maquetación */
  --gutter: clamp(16px, 4vw, 48px);
  --max: 1200px;
}