/*!
 * Base — Neodiniz IA Lab
 *
 * Reset, corpo e utilitários. Separado do tokens.css de propósito: o anotador
 * injeta os tokens na página do CLIENTE, e se o body viesse junto ele
 * repintaria o protótipo que está sendo revisado. Aqui só entram as nossas
 * telas.
 */

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--nz-bg);
  color: var(--nz-text);
  font: 400 15px/1.55 var(--nz-fonte);
  -webkit-font-smoothing: antialiased;
}

/* Assinatura da marca: 3px no topo, em toda página nossa. */
body::before {
  content: '';
  position: fixed;
  inset: 0 0 auto 0;
  height: 3px;
  background: var(--nz-gradient);
  z-index: 2147483000;
  pointer-events: none;
}

/* Foco visível em tudo que se opera pelo teclado. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: none;
  box-shadow: var(--nz-focus);
  border-radius: var(--nz-radius);
}

/* Rótulos técnicos: mono, caixa alta, respirando. */
.nz-rotulo {
  font: 600 11px/1.2 var(--nz-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--nz-text-dim);
}

.nz-mono { font-family: var(--nz-mono); }