/* ==========================================================================
   Insurgente · Plataforma de Conteúdo
   brand.css · tokens da marca + reset. Carregado por todas as páginas.
   Alterar uma cor aqui muda a plataforma inteira.
   ========================================================================== */

:root{
  /* marca */
  --magenta:#ff277a;
  --magenta-soft:rgba(255,39,122,.14);
  --ink:#1e1e1e;
  --white:#ffffff;

  /* superfícies escuras (hub) */
  --bg:#171717;
  --panel:#1e1e1e;
  --panel-2:#141414;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.3);

  /* texto */
  --muted:rgba(255,255,255,.62);   /* AA sobre --bg */
  --muted-2:rgba(255,255,255,.55);
  --ink-muted:#6b6b6b;

  /* forma */
  --r-sm:10px;
  --r-md:14px;
  --r-lg:16px;
  --r-pill:999px;

  --font:Arial, Helvetica, sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0;}

body{
  font-family:var(--font);
  -webkit-font-smoothing:antialiased;
}

a{color:inherit;text-decoration:none;}

/* foco visível e consistente em toda a plataforma (acessibilidade) */
:focus-visible{
  outline:2px solid var(--magenta);
  outline-offset:3px;
  border-radius:4px;
}

/* esconder visualmente mas manter para leitores de ecrã */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}