/* Copiado de ~/Sites/cosmos5-design-system/tokens/textura.css em 03/09/2026.
   NAO EDITAR AQUI. O dono deste arquivo e o design system da Cosmos, e este
   e um espelho com data. Copia, e nao referencia, porque o SOAS nao busca
   aparencia em tempo de execucao num repositorio que ele nao controla.
   Quando o design system mudar, a diferenca aparece porque a data esta aqui.

   ESTE E O UNICO LUGAR onde os tokens moram. O build copia daqui para
   console/time/ds/, que e a saida publicada. Token em dois lugares e como
   a divergencia entra, entao nao existe copia em console/ds/. */

/* TEXTURA — 100% CSS, e agora de origem gráfica, não astronômica-decorativa.
   Hachura de gravura, meio-tom de jornal, grade de folha, grão de impressão.
   Sem campo estelar, sem nebulosa: o azul chapado é o céu. */
:root{
  --grao-opacidade:.06;    /* @kind other */
  --meiotom-passo:6px;     /* @kind other */
  --hachura-passo:5px;     /* @kind other */
  --folha-passo:48px;      /* @kind other */
}

/* grão de impressão — sobre qualquer campo */
.textura-grao{position:relative;isolation:isolate}
.textura-grao::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:var(--grao-opacidade);mix-blend-mode:multiply;background-size:120px 120px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}

/* hachura de gravura — a 45°, usada em vazio de barra e em bloco secundário */
.textura-hachura{background-image:repeating-linear-gradient(-45deg,currentColor 0 1px,transparent 1px var(--hachura-passo));opacity:.34}

/* meio-tom de jornal */
.textura-meiotom{background-image:radial-gradient(currentColor .9px,transparent 1px);background-size:var(--meiotom-passo) var(--meiotom-passo);opacity:.2}

/* grade de folha — registro de diagramação, não carta celeste */
.textura-folha{background-image:linear-gradient(to right,var(--linha-tenue) 1px,transparent 1px),linear-gradient(to bottom,var(--linha-tenue) 1px,transparent 1px);background-size:var(--folha-passo) var(--folha-passo)}