/* Identidade e medidas da Autoescola Direção.
   Cores calibradas a partir de LOGO VETORIZADA.svg: azul #352F6F e amarelo #EAD81E.
   O azul profundo da abertura é o mesmo azul da logo, escurecido. */
:root {
  /* Cores */
  --azul-900: #1b1840;              /* abertura, cabeçalho e títulos sobre fundo claro */
  --azul-900-rgb: 27 24 64;
  --azul-800: #24204f;              /* superfícies sobre o azul profundo */
  --azul-marca: #352f6f;            /* azul exato da logo */
  --amarelo: #ead81e;               /* amarelo exato da logo */
  --amarelo-claro: #f4e65c;         /* estado de interação do botão amarelo */
  --whats: #25d366;                 /* verde do WhatsApp, nos botões que abrem a conversa */
  --whats-hover: #1fbe5a;           /* estado de interação do botão verde */
  --whats-texto: #0a2f1c;           /* texto sobre o verde (7,4:1; branco teria só 2:1) */
  --branco: #ffffff;
  --sobre-azul: #d9d8e6;            /* texto de apoio sobre o azul */
  --sobre-azul-2: #b7b4d2;          /* rótulos discretos sobre o azul */
  --fundo-suave: #f5f5fa;           /* seções claras */
  --fundo-branco: #fcfcfe;          /* seções claras alternadas, quase branco */
  --superficie: #ffffff;            /* cartões */
  --texto: #1d1b36;                 /* parágrafos sobre fundo claro */
  --texto-2: #57556f;               /* textos secundários sobre fundo claro */
  --borda: #e3e2ee;                 /* separações discretas */
  --midia-vazia: #e8e7f1;           /* fundo enquanto a foto carrega */

  /* Tipografia */
  --fonte: "Manrope", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  /* Texto corrido em três papéis: apoio (logo abaixo dos títulos), corpo (parágrafos e cartões)
     e nota (avisos e rodapé final). */
  --texto-apoio: clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
  --texto-corpo: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --texto-nota: 0.9375rem;

  /* Medidas */
  --conteudo-max: 76rem;
  --margem: clamp(1.25rem, 0.6rem + 2.8vw, 4rem);
  --secao-y: clamp(4rem, 2.6rem + 4.4vw, 7rem);
  --raio: 1.25rem;
  --raio-medio: 0.875rem;
  --raio-pequeno: 0.5rem;
  --header-h: 4.5rem;               /* valor inicial; scripts/site.js mede a altura real */

  /* Movimento: curvas comuns a todas as seções */
  --ease-saida: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-suave: cubic-bezier(0.45, 0.05, 0.25, 1);
  --dur-botao: 200ms;
  --dur-cartao: 260ms;
}