/* ============================================================
   S&A Consultoria — Marca (ponto único de customização)
   Troque cores, fonte e logo aqui. Nada mais precisa mudar.
   ============================================================ */

/* ---- Tipografia self-hosted (sem CDN externo) ---- */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/inter-400.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/inter-600.woff2") format("woff2");
}

:root {
  /* ---- Paleta da marca S&A ---- */
  --brand-green: #84B025;   /* ação: CTA, aba ativa, destaque do resultado, acento do logo */
  --brand-ink:   #173540;   /* barra de topo, textos, rodapé, superfícies escuras */
  --brand-mint:  #EEFBF2;   /* fundo do painel de resultado / sucesso */
  --brand-fog:   #F0F4F8;   /* fundo geral do app */
  --brand-border:#E0E6EE;   /* bordas, divisórias, contorno de inputs */
  --white:       #FFFFFF;   /* cards / superfícies */

  /* ---- Derivados (calculados a partir da paleta) ---- */
  --brand-green-strong: #6f951f;              /* hover do botão verde */
  --brand-green-soft:   rgba(132, 176, 37, .14); /* fundo suave / hover leve */
  --brand-ring:         rgba(132, 176, 37, .40); /* anel de foco acessível */
  --ink-soft:   #4a626d;   /* texto secundário sobre claro */
  --ink-faint:  #7c909a;   /* legendas / hints */
  --ink-90:     rgba(23, 53, 64, .90);
  --on-green:   var(--brand-ink);  /* texto por cima do verde (contraste AA 5:1) */

  /* ---- Tipografia ---- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               Helvetica, Arial, sans-serif;

  /* ---- Forma e profundidade ---- */
  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 18px;
  --shadow-sm: 0 1px 2px rgba(23, 53, 64, .06),
               0 1px 3px rgba(23, 53, 64, .08);
  --shadow-md: 0 4px 12px rgba(23, 53, 64, .08),
               0 2px 6px rgba(23, 53, 64, .06);
  --shadow-lg: 0 18px 40px -12px rgba(23, 53, 64, .22);

  /* ---- Escala de espaçamento ---- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;

  /* ---- Nome exibido no logo/marca ---- */
  --brand-name: "S&A Consultoria e Gestão";
}