/* ===== Tema FROTH (provisório) — identidade da home/hub =====
   Tokens (cores) vivem em variables.css. Aqui só ficam as classes
   utilitárias do logotipo. */

/* Logotipo textual provisório */
.froth-logo {
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  letter-spacing: 4px;
  font-size: 24px;
  line-height: 1;
  color: var(--froth-on-dark);
}
.froth-logo .dot { color: var(--froth-accent); }
.froth-logo-sub {
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: 8.5px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--froth-muted);
  margin-top: 5px;
}