/* Grundfläche im WeKonvert-Look: Graphit-Verlauf mit Punktraster, Geist als Text, Doto für Markenmomente.
   Optional nach tokens.css einbinden. Herkunft: Schnitt-Studio (studio.css), 2026-10-28. */
html { background: var(--bg2); }
body { font-family: var(--schrift-text); color: var(--tinte); line-height: 1.45; -webkit-font-smoothing: antialiased;
  background: radial-gradient(1400px 900px at 47% 18%, var(--bg1), var(--bg2) 55%, var(--bg3)); }
/* Raster „Doto im Takt“ (Tokens --raster-bild, --raster-takt), zur Mitte hin sichtbar, zum Rand hin weg */
.ci-raster::before { content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background-image: var(--raster-bild); background-size: var(--raster-takt);
  -webkit-mask-image: radial-gradient(1000px 720px at 50% 38%, #000 25%, transparent 88%); mask-image: radial-gradient(1000px 720px at 50% 38%, #000 25%, transparent 88%); }
.ci-pixel { font-family: var(--schrift-pixel); color: var(--pixel); font-weight: 800; letter-spacing: 0.02em; }
.ci-mono { font-family: var(--schrift-mono); font-size: 0.86em; letter-spacing: 0.02em; }
:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }