/* Fontes hospedadas no próprio site (sem depender do Google no carregamento). */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/static/fonts/inter-latin.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600 800; font-display: swap; src: url("/static/fonts/montserrat-latin.woff2") format("woff2"); }

/* Identidade visual do Roots Business.
   Para trocar cores, fontes e espaçamentos, altere SOMENTE este arquivo. */
:root {
  /* Paleta da marca */
  --azul: #1B3A55;
  --azul-escuro: #132a3e;
  --dourado: #C49A3C;
  --dourado-escuro: #a98330;
  --dourado-claro: #E8C96B;
  --cinza-claro: #DDE2DC;
  --branco: #FFFFFF;

  /* Uso no site (tema escuro azul-marinho) */
  --cor-fundo: #0b1a28;                /* azul-marinho profundo */
  --cor-fundo-apoio: #0f2335;          /* faixa alternada */
  --cor-fundo-rodape: #07121c;
  --cor-superficie: rgba(255, 255, 255, 0.045);
  --cor-superficie-forte: #14304a;
  --cor-texto: #FFFFFF;
  --cor-texto-corpo: #c3cfda;
  --cor-texto-suave: #8fa2b4;
  --cor-borda: rgba(255, 255, 255, 0.09);
  --cor-borda-dourada: rgba(232, 201, 107, 0.28);
  --cor-titulo: #FFFFFF;
  --cor-destaque: var(--dourado);
  --cor-destaque-claro: var(--dourado-claro);
  --cor-negativo: #e58b80;
  --cor-negativo-fundo: rgba(229, 139, 128, 0.12);

  /* Botão principal: dourado com texto azul-marinho */
  --cor-botao: var(--dourado);
  --cor-botao-hover: #d4aa4a;
  --cor-botao-texto: var(--azul);

  /* Formulário */
  --form-fundo: var(--branco);
  --form-texto: var(--azul);
  --form-texto-suave: #5d6f7f;
  --form-borda: #cfd7d1;
  --form-marca: var(--azul);
  --form-marca-clara: #e8eef3;

  /* Estados */
  --cor-erro: #b3261e;
  --cor-erro-fundo: #fbeceb;
  --cor-sucesso: #1d6b43;
  --cor-sucesso-fundo: #e6f2ea;
  --cor-alerta: #8a5a00;
  --cor-alerta-fundo: #fdf3dc;
  --cor-foco: #2f6fd6;

  /* Painel interno */
  --painel-fundo: #f3f5f2;
  --painel-superficie: var(--branco);
  --painel-superficie-2: #e9ede8;
  --painel-texto: #172a3a;
  --painel-texto-suave: #57687a;
  --painel-borda: #d4dbd6;
  --painel-marca: var(--azul);
  --painel-marca-clara: #e3eaf1;
  --painel-botao: var(--azul);
  --painel-botao-hover: var(--azul-escuro);

  /* Fontes */
  --fonte-titulo: "Montserrat", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fonte-texto: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tamanho-base: 1.0625rem;
  --tamanho-pequeno: 0.875rem;
  --tamanho-titulo: clamp(1.7rem, 7vw, 2.75rem);
  --tamanho-subtitulo: clamp(1.02rem, 3.8vw, 1.2rem);
  --tamanho-h2: clamp(1.4rem, 5.4vw, 2rem);

  /* Espaçamentos */
  --espaco-1: 0.25rem;
  --espaco-2: 0.5rem;
  --espaco-3: 0.75rem;
  --espaco-4: 1rem;
  --espaco-5: 1.5rem;
  --espaco-6: 2rem;
  --espaco-7: 3rem;
  --espaco-8: 4.5rem;
  --largura-conteudo: 44rem;
  --margem-lateral: 1.125rem;

  /* Formas */
  --raio: 10px;
  --raio-grande: 16px;
  --sombra: 0 8px 28px -12px rgba(27, 58, 85, 0.28);
}