/* Aliases semânticos. Superfície, texto, linha e acento por tom de peça.
   Padrão = documento técnico em branco. [data-tom] troca os papéis mantendo as primitivas. */
:root{
  --m360-bg:var(--m360-branco);
  --m360-fg:var(--m360-preto);
  --m360-fg-mudo:var(--m360-neutro-500);
  --m360-acento:var(--m360-laranja);
  --m360-linha:rgba(8,9,10,.12);
  --m360-painel:rgba(8,9,10,.035);

  --m360-texto-corpo:var(--m360-fg);
  --m360-texto-titulo:var(--m360-fg);
  --m360-texto-label:var(--m360-fg-mudo);
  --m360-superficie-cartao:var(--m360-bg);
  --m360-superficie-painel:var(--m360-painel);
  --m360-borda-cartao:var(--m360-linha);
  --m360-foco-anel:var(--m360-acento);

  /* Botões — --m360-btn-1-texto codifica "nunca branco sobre laranja". Não sobrescrever. */
  --m360-btn-1-fundo:var(--m360-laranja);
  --m360-btn-1-texto:var(--m360-preto);
  --m360-btn-2-fundo:var(--m360-vinho);
  --m360-btn-2-texto:var(--m360-branco);
  --m360-btn-3-borda:var(--m360-linha);
  --m360-btn-h-sm:36px;
  --m360-btn-h-md:44px;
  --m360-btn-h-lg:54px;
}
[data-tom="branco"]{--m360-bg:var(--m360-branco);--m360-fg:var(--m360-preto);--m360-fg-mudo:var(--m360-neutro-500);--m360-acento:var(--m360-vinho);--m360-linha:rgba(8,9,10,.12);--m360-painel:rgba(8,9,10,.035)}
[data-tom="areia"]{--m360-bg:var(--m360-areia);--m360-fg:var(--m360-preto);--m360-fg-mudo:var(--m360-neutro-700);--m360-acento:var(--m360-vinho);--m360-linha:rgba(8,9,10,.14);--m360-painel:rgba(8,9,10,.045)}
[data-tom="preto"]{--m360-bg:var(--m360-preto);--m360-fg:var(--m360-areia);--m360-fg-mudo:var(--m360-neutro-300);--m360-acento:var(--m360-laranja);--m360-linha:rgba(255,255,255,.14);--m360-painel:rgba(255,255,255,.05)}
[data-tom="vinho"]{--m360-bg:var(--m360-vinho);--m360-fg:var(--m360-branco);--m360-fg-mudo:rgba(255,255,255,.72);--m360-acento:var(--m360-branco);--m360-linha:rgba(255,255,255,.24);--m360-painel:rgba(255,255,255,.08)}
[data-tom="laranja"]{--m360-bg:var(--m360-laranja);--m360-fg:var(--m360-preto);--m360-fg-mudo:rgba(8,9,10,.7);--m360-acento:var(--m360-preto);--m360-linha:rgba(8,9,10,.22);--m360-painel:rgba(8,9,10,.07)}
a{color:var(--m360-vinho);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--m360-laranja-700)}
[data-tom="preto"] a,[data-tom="vinho"] a{color:var(--m360-laranja)}
[data-tom="preto"] a:hover,[data-tom="vinho"] a:hover{color:var(--m360-laranja-300)}