/* Tokens de design — o único lugar onde cor, fonte e constante visual moram.
   O JS lê daqui (js/tokens.js), em vez de repetir hex dentro do código.
   Valores idênticos aos da referência: nada foi ajustado. */
:root{
  --bg:#E6EFFF;--card:#FFFFFF;--card2:#EEF3FF;--txt:#0A1B4D;--sec:#5B6B8C;--linha:#D6E0F2;--navy:#0A1B4D;
  --azul:#1F5BFF;--royal:#0B35C4;--laranja:#12A150;--vivo:#FF3B30;--verde:#12A150;--amarelo:#FFD60A;--roxo:#7B3FF2;--rosa:#E8335E;
  --f:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  color-scheme:light;

  /* categorias do monitor: fundo da etiqueta e cor do texto */
  --cat-mundo:#6F9BFF;   --cat-mundo-txt:#1F5BFF;
  --cat-fogo:#FF5C7A;    --cat-fogo-txt:#C8163C;
  --cat-olho:#B3C4EA;    --cat-olho-txt:#0A1B4D;
  --cat-envio:#3DD170;   --cat-envio-txt:#0E8A45;
  --cat-relogio:#FFD60A; --cat-relogio-txt:#946500;
  --cat-marca:#BC93FF;   --cat-marca-txt:#6A2FE0;

  /* ondas de um reel, na ordem */
  --onda-1:#1F5BFF; --onda-2:#00A99D; --onda-3:#7B3FF2; --onda-4:#E0A800;

  /* degradê do ritmo, do vídeo mais rápido ao mais lento, e o resto */
  --ritmo-1:#0B7A3E; --ritmo-2:#12A150; --ritmo-3:#2FBF69;
  --ritmo-4:#5ED18A; --ritmo-5:#8FE0AE; --ritmo-6:#BDEFD0; --ritmo-outros:#B8C6E2;

  /* queda: seta ▼ do monitor e quem deixou de seguir */
  --queda:#E5352B;
  /* curtida no bloco de reações */
  --curtida:#FF375F;
  /* barras de faixa etária: em foco (18–44) e fora de foco */
  --faixa-foco:#BF5AF2; --faixa-fundo:#C9D5EC;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#E6EFFF;--card:#FFFFFF}}
:root[data-theme="dark"]{--bg:#E6EFFF;--card:#FFFFFF}