:root {
  --papel: #FAFAF7;
  --tinta: #0F172A;
  --tinta-clara: #64748B;
  --azul: #2563EB;
  --azul-escuro: #1D4ED8;
  --ambar: #F59E0B;
}

html { scroll-behavior: smooth; }
body { font-family: "IBM Plex Sans", sans-serif; }

::selection { background: rgba(245, 158, 11, 0.35); }

/* Foco visível — mesma cor de ação do restante do site */
a:focus-visible, button:focus-visible {
  outline: 2px solid var(--azul);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ── Botão de ação (mesmo .btn-primary da landing) ── */
.btn-primary {
  background: var(--azul);
  color: #fff;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.28);
  transition: background 0.2s, box-shadow 0.2s, transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}
.btn-primary:hover {
  background: var(--azul-escuro);
  box-shadow: 0 8px 28px rgba(37, 99, 235, 0.38);
  transform: translateY(-2px);
}
.btn-primary:active { transform: translateY(0); }

/* ── Selo de data (mono de documento, igual à faixa de confiança) ── */
.conf-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--tinta-clara);
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.conf-ponto {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--ambar);
  flex-shrink: 0;
}

/* Comandos do app (/apagar) — mono é a voz de "documento" da marca */
.cmd { font-family: "IBM Plex Mono", monospace; font-size: 0.92em; font-weight: 600; color: var(--tinta); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}