/* Pace — a única camada visual própria. Tudo o mais (tokens.css, ui.css,
   style.css e o CSS das páginas) vem do dot. sem alteração, para a sincronia
   continuar sendo cópia. Carregar DEPOIS de tokens.css/ui.css. */

/* Neutros de alumínio anodizado do Pace no lugar do cinza do dot.
   O --dot (ponto vermelho do laser) continua: é o "by DOT." da marca. */
:root {
  --bg: #e9ebe8;
  --line: #c7ccc8;
  --muted: #5b625e;
}
html[data-theme="dark"] {
  --bg: #161918;
  --card: #1e2321;
  --line: #333a37;
  --muted: #98a09b;
}

/* O dot. mostra o logotipo em SVG; o Pace escreve o nome (window.BRAND). */
.brand-name {
  font-family: var(--font-sans);
  font-stretch: 125%;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -.01em;
  line-height: 1;
  color: var(--text);
}