/* design.css — a identidade CARTOGRÁFICA compartilhada do Trilhas.
   UMA fonte de verdade para a paleta, a grade de mapa e o tom, para o menu, o
   catálogo e as telas de chrome falarem a mesma língua. Fim do "cada tela uma cara"
   e do indigo+emerald de protótipo. (regra 19: quem é dono da paleta é este arquivo.) */
:root{
  --paper:#edf3f1; --grid:rgba(18,58,65,.055); --ink:#123a41; --ink-soft:#5a7378;
  --linha:#cfe1db; --coral:#ec6742; --teal:#1f7a86; --card:#fbfdfc; --ouro:#c98a3b;
}
@media (prefers-color-scheme:dark){
  :root{ --paper:#0a1e23; --grid:rgba(200,225,222,.05); --ink:#e2efee; --ink-soft:#8aa8ab;
    --linha:#173a40; --coral:#ff8158; --teal:#42b3c2; --card:#0f272d; --ouro:#e0ab5a; }
}
/* o "chão de mapa" — grade de coordenadas sobre o papel. Use na tag body. */
.mapa-fundo{
  background:
    repeating-linear-gradient(0deg, transparent 0 63px, var(--grid) 63px 64px),
    repeating-linear-gradient(90deg, transparent 0 63px, var(--grid) 63px 64px),
    var(--paper);
}
/* botão de ação primária — o "concluir/próximo" de toda etapa, o mais
   clicado do produto (Kaizen 21/08 #1). --coral já troca de tom sozinho
   no escuro (media query acima), não precisa de dark: aqui. */
.btn-primario{ background:var(--coral); color:#fff; border:none }
.btn-primario:active{ transform:scale(.98) }