/* Identidade do /quadros por cima do boardapp, sem alterá-lo.
   Carregada por último em site.ctp e editor.ctp.

   Fonte: Raleway no texto e nos títulos (padrão desde 2026-10-01, depois do
   teste com o seletor), IBM Plex Mono nos números e etiquetas (o boardapp já
   usa a Mono). A IBM Plex Sans continua como alternativa no seletor.

   Botões: border-radius 8px como padrão do produto. Selos de status (NBR ok,
   "Visualização") continuam arredondados: não são botões. */

:root { --font-sans: "Raleway", "Helvetica Neue", Arial, system-ui, sans-serif; }

body, button, input, select, textarea { font-family: var(--font-sans); }
h1, h2, h3, .brand-title, .brand-name { font-family: var(--font-sans); }
/* títulos em 700: os 800/900 do boardapp ficam pesados demais na Raleway */
h1, h2 { font-weight: 700; letter-spacing: -.01em; }

/* !important de propósito: os botões do boardapp vêm com seletores de id e
   classe de especificidades diferentes (#topbar button, .btn.primary...), e
   o padrão vale para todos sem depender de cada um. */
button,
.btn,
.board-cta,
.board-setup-back,
.ad-mock-btn {
  border-radius: 8px !important;
}

/* Raleway desenha números "antigos" (descendentes) por padrão; num produto
   cheio de "32 A" e "NBR 5410", os números ficam alinhados. Vale para a
   página toda, menos quando o seletor de teste troca para a Plex Sans. */
body { font-feature-settings: "lnum" 1; }
:root[data-font="plex"] body { font-feature-settings: normal; }

/* seletor de fonte (fontswitch.js, só com ?fontes=1) */
.font-switch {
  position: fixed; left: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 300;
  display: flex; align-items: center; gap: 8px; padding: 8px 8px 8px 12px;
  background: #231F1C; color: #FAF8F6; border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.25);
  font: 600 13px/1 var(--font-sans);
}
.font-switch select { font: inherit; font-weight: 400; padding: 5px 8px; border-radius: 8px; border: 0; }
.font-switch button { font: inherit; font-size: 18px; line-height: 1; background: transparent; color: inherit; border: 0; padding: 2px 6px; cursor: pointer; }