/* As decisões de cor, sombra e arredondamento do sistema, em um lugar só.

   Este arquivo é carregado antes do base.css e de qualquer painel, e existe
   para que "o roxo da marca" seja uma decisão tomada uma vez. Cor escrita
   direto na regra é cor que ninguém encontra depois: quando a marca mudar de
   tom, quem procurar por "#8B5CF6" vai achar trinta lugares e esquecer dois.

   Quem define um token novo deve nomeá-lo pelo papel que ele cumpre — `--erro`,
   `--borda-forte` — e não pela cor que ele tem hoje. Um `--azul` que precisa
   virar verde deixa o código mentindo. */

:root {
  --roxo: #8B5CF6;
  --roxo-escuro: #7C3AED;
  --roxo-claro: #A855F7;
  --lavanda: #EDE9FE;
  --magenta: #EC4899;

  --fundo: #FAF9FC;
  --superficie: #FFFFFF;
  --borda: #EEECF5;
  --borda-forte: #E2DEF0;

  --tinta: #1E1B2E;
  --cinza: #7A7690;
  --cinza-fraco: #A9A5BC;

  --st-ideia: #EC4899;
  --st-producao: #3B82F6;
  /* A cor de quem está com o editor é a mesma da tesoura no resto do sistema. */
  --st-editando: #0EA5E9;
  --st-revisao: #F43F5E;
  --st-aprovado: #22C55E;
  --st-publicado: #F59E0B;
  --st-agendado: #8B5CF6;

  --raio-cartao: 12px;
  --raio-botao: 10px;
  --sombra-cartao: 0 1px 2px rgb(30 27 46 / .04), 0 8px 24px -12px rgb(30 27 46 / .08);
  --grad-primario: linear-gradient(135deg, #8B5CF6, #A855F7);
  --fonte: "Poppins", ui-sans-serif, system-ui, sans-serif;
}