/* Minimal base application of tokens */
body {
  font-family: var(--sans);
  letter-spacing: -0.01em;
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
}

/* Required for transform-origin to work on animated SVG mark circles */
.dt-0, .dt-1, .dt-2, .dt-3, .dt-4 {
  transform-box: fill-box;
  transform-origin: center;
}
/* Logo mark ring fills (mark SVGs injected inline rely on these) */
.ring-in  { fill: var(--ring-in-color); }
.ring-mid { fill: var(--ring-mid-color); }
.ring-out { fill: var(--ring-out-color); }
.synapse-firing { filter: none !important; }
.synapse-pulse {
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  pointer-events: none;
  vector-effect: non-scaling-stroke;
}