/* Dossiê · identidade do Método Mensagem Clara (a mesma da landing page).
   Tudo o que é cor, fonte, raio, sombra e movimento sai daqui. Para mudar a pele, mude só este arquivo. */
:root{
  /* cores (nunca preto puro nem cinza neutro) */
  --navy-900:#0E1232;   /* fundo escuro principal */
  --navy-800:#121949;   /* cards escuros, títulos em fundo claro */
  --blue-700:#294299;   /* gradiente do botão (início) e texto azul em fundo claro */
  --blue-600:#3553BC;   /* gradiente do botão (fim) */
  --blue-400:#5B93FF;   /* o ÚNICO acento: palavra em destaque, linhas, ícones ativos, foco */
  --blue-100:#C8DBFF;   /* texto secundário em fundo escuro */
  --paper:#FDFDFF;      /* fundo claro */
  --mist:#EEF2FE;       /* chips, inputs, caixinhas de informação */
  --ink-soft:#4A5078;   /* texto secundário em fundo claro */
  --rose:#CC3366;       /* só erro e alerta */
  --line-dark:rgba(253,253,255,.12);   /* filete no escuro */
  --line-light:#E6EAF5;                /* filete no claro */
  --border-dark:rgba(91,147,255,.15);  /* borda dos cards escuros */

  /* tipografia: a fonte do sistema da Apple em tudo (sem serifada); destaque só por cor */
  --font-title:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  --font-accent:var(--font-title);
  --font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;

  /* formas */
  --r-btn:12px;
  --r-card:18px;
  --r-section:40px;
  --shadow-card:0 18px 40px -24px rgba(6,8,30,.75);
  --shadow-hover:0 26px 50px -26px rgba(6,8,30,.85),0 0 0 1px rgba(91,147,255,.28);

  /* movimento: uma curva só no sistema todo */
  --ease:cubic-bezier(.22,.7,.3,1);
  --t-reveal:.8s;
  --t-hover:.45s;
  --t-ui:.35s;
  --stagger:70ms;
}