/* ==========================================================================
   Many Mens — Design Tokens
   Paleta portada direto do @manymensofc: preto puro, texto branco de
   legenda-de-reels, e palavras de destaque pontuais em vermelho/ciano/dourado
   (o jeito como o perfil grifa a frase de impacto de cada post).
   ========================================================================== */

:root {
--bg: #050505;
--surface: #131313;
--surface-2: #1a1a1a;
--fg: #f5f5f5;
--muted: #8c8c8c;

  /* Cor "âncora" da marca (usada em bordas/CTAs neutros) */
  --gold: #f5b942;
  --gold-soft: #ffd66b;

  /* Destaques pontuais — mesma lógica das legendas do feed */
  --hl-red: #ff3b30;
  --hl-cyan: #22e0e0;
  --hl-gold: #f5b942;

  --border: rgba(255, 255, 255, 0.1);

  --font-display: "Anton", "Arial Narrow", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;

  --shadow-md: 0 12px 30px rgba(0, 0, 0, 0.45);
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}