/* GroovGym — família Neon. Escuro primeiro.
   Cores do logotipo: limão (líder) e Purple Rain (apoio).
   O rosa #FF0055 do site atual sai; os 4 temas do app continuam como
   escolha do usuário, mas a divulgação usa só este par.
   Requer base.css antes. Ative com data-marca="groovgym". */
[data-marca="groovgym"] {
  --x-fonte-corpo: "Space Grotesk", system-ui, sans-serif;
  --x-peso-titulo: 700;

  --x-fundo:          light-dark(#F5F5F2, #0A0A0A);
  --x-superficie:     light-dark(#FFFFFF, #141414);
  --x-superficie-2:   light-dark(#EBEBE6, #1E1E1E);
  --x-texto:          light-dark(#0A0A0A, #FFFFFF);
  --x-texto-2:        light-dark(#3F3F3A, #B3B3B3);
  --x-texto-3:        light-dark(#5C5C55, #8A8A8A);
  --x-borda:          light-dark(#DADAD3, #262626);
  --x-borda-forte:    light-dark(#BDBDB4, #3A3A3A);

  --x-lider:          light-dark(#CCFF00, #CCFF00);
  --x-lider-texto:    light-dark(#4A6000, #CCFF00);
  --x-sobre-lider:    light-dark(#0A0A0A, #000000);
  --x-lider-suave:    light-dark(#F1FBC7, #1F2600);

  --x-apoio:          light-dark(#8A0DBB, #BC13FE);
  --x-apoio-texto:    light-dark(#8A0DBB, #D27BFF);

  --x-sucesso:        light-dark(#1E7A0E, #39FF14);
  --x-perigo:         light-dark(#C4002B, #FF073A);

  --x-marca:          light-dark(#0A0A0A, #FFFFFF);
}