/* ============================================================
   MARCA — as cores e a fonte do produto. Troque só aqui.
   ============================================================
   Tudo no site (vendas, área, entrar, parabéns, ADM) usa estes tokens.
   O botão de compra fica verde de propósito (convenção de checkout):
   troque --comprar só se tiver motivo. */
:root {
  --cor: #4764f5;              /* azul elétrico (principal da marca) */
  --cor-escura: #2f47c9;       /* hover / texto sobre fundo claro */
  --cor-clara: #e9edfe;        /* fundos suaves com a cor */
  --sobre-cor: #ffffff;        /* texto em cima da --cor */

  --comprar: #2eb867;          /* verde moderno, em degradê com o escuro */
  --comprar-escuro: #17894a;

  --fundo: #f9fafb;
  --cartao: #ffffff;
  --linha: #e5e7eb;
  --tinta: #0f0f1f;            /* texto principal (azul-noite) */
  --suave: #6b7280;            /* texto secundário */
  --apagado: #9ca3af;

  --ok: #16a34a;   --ok-fundo: #ecfdf3;
  --erro: #b42318; --erro-fundo: #fef3f2;
  --aviso: #b45309; --aviso-fundo: #fffbeb;

  --raio: 14px;
  --fonte: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fonte-titulo: "Space Grotesk", var(--fonte);   /* carregue a fonte no <head> */
  --verde-vivo: #3cdd7f;
  --azul-vivo: #6a9afb;
  --noite: #0f0f1f;
  --noite-fundo: #080812;
  --ouro: #f6a823;
}