:root{
  /* Hachura diagonal — derivada do símbolo. 45°, traço fino, sempre de baixo contraste. */
  --hatch-angle:45deg; /* @kind other */
  --hatch-gap:6px; /* @kind other */
  --hatch-weight:1px; /* @kind other */
  --hatch-ink:rgba(94,106,76,.55); /* @kind other */
  --hatch-ink-inverse:rgba(169,176,146,.4); /* @kind other */
  --hatch-light:repeating-linear-gradient(var(--hatch-angle), var(--hatch-ink) 0 var(--hatch-weight), transparent var(--hatch-weight) var(--hatch-gap)); /* @kind other */
  --hatch-inverse:repeating-linear-gradient(var(--hatch-angle), var(--hatch-ink-inverse) 0 var(--hatch-weight), transparent var(--hatch-weight) var(--hatch-gap)); /* @kind other */
  --hatch-dense:repeating-linear-gradient(var(--hatch-angle), var(--hatch-ink) 0 var(--hatch-weight), transparent var(--hatch-weight) 3px); /* @kind other */

  /* Curvas orgânicas de apoio (recortes suaves, nunca decoração "blob") */
  --curve-soft:radial-gradient(120% 100% at 50% 0%, var(--areia-100) 0 60%, transparent 60.5%); /* @kind other */
  --clip-curve-top:ellipse 140% 100% at 50% 100%; /* @kind other */

  /* Placeholder de imagem: bloco de areia hachurado */
  --image-placeholder:linear-gradient(rgba(244,240,232,.86),rgba(244,240,232,.86)), var(--hatch-light); /* @kind other */
}
.hatch{background-image:var(--hatch-light)}
.hatch--inverse{background-image:var(--hatch-inverse)}