/* ============================================================
   TEMA — Automatize Contabilidade
   ------------------------------------------------------------
   Este é o ÚNICO arquivo que muda de projeto para projeto.
   Troque os valores abaixo e todo o site se re-veste sozinho.
   O main.css não contém nenhuma cor da marca cravada.

   Como trocar de marca:
   1. --brand-rgb  -> a cor principal, em canais R G B (sem vírgulas)
   2. --brand-strong / --brand-deep -> variações escuras dela
   3. --surface-dark / --ink -> a cor escura de apoio (blocos e texto)
   4. --shadow-rgb -> normalmente a mesma família do --ink
   5. --font + pesos -> a tipografia
   ============================================================ */

:root {
  /* ---------- Marca ----------
     Em canais RGB (espaços, sem vírgulas): permite gerar todas as
     transparências a partir de um valor só — rgb(var(--brand-rgb) / .08) */
  --brand-rgb:    108 46 243;              /* #6C2EF3 */
  --brand:        rgb(var(--brand-rgb));
  --brand-strong: #5A1FE0;                 /* hover de botões */
  --brand-deep:   #431D97;                 /* painéis escuros da marca */

  /* ---------- Superfícies ---------- */
  --bg:           #FFFFFF;                 /* fundo padrão */
  --bg-soft:      #F6F6F6;                 /* faixas alternadas */
  --surface-dark: #190F59;                 /* blocos escuros (e-book, CTAs, resultado) */

  /* ---------- Texto ---------- */
  --ink:        #190F59;                   /* texto principal */
  --ink-soft:   #6B6880;                   /* texto secundário */
  --ink-prose:  #3D3856;                   /* corpo longo de artigo */
  --muted:       #B5B5B5;                  /* rótulos discretos */
  --muted-ink:   #8B879F;                  /* ícones apagados */
  --placeholder: #B3B0C4;                  /* texto de exemplo em campos */

  /* ---------- Linhas ---------- */
  --line:        #ECEBF2;                  /* borda padrão */
  --line-strong: #DCDBE6;                  /* borda de campo/botão */
  --line-soft:   #E4E3EC;                  /* borda sobre fundo cinza */

  /* ---------- Sombra ----------
     Canais RGB da cor de sombra: rgb(var(--shadow-rgb) / .10) */
  --shadow-rgb: 25 15 89;

  /* ---------- Tipografia ---------- */
  --font:      "Poppins", system-ui, -apple-system, sans-serif;
  --w-display: 200;                        /* títulos grandes */
  --w-body:    300;                        /* corpo e demais textos */

  /* ---------- Forma ---------- */
  --radius:      12px;
  --radius-lg:   16px;
  --radius-pill: 999px;

  /* ---------- Layout ---------- */
  --container: 1180px;                     /* largura máxima do conteúdo */
  --nav-h:     78px;                       /* altura do header fixo */
}