/* ============================================================
   TOKENS · fonte única da verdade visual do site.
   Nenhuma cor, fonte ou medida de escala é definida fora daqui.
   Trocar a marca = trocar este arquivo. Nada mais.
   Valores de marca extraídos de camposconsult.com.br e da logo
   oficial (ver brand/palette.md). Não inventar cor de marca.
   ============================================================ */

:root{
  /* --- Marca (verificados) --- */
  --navy:    #023047;  /* navy da logo. Fundo escuro e títulos */
  --slate:   #20303C;  /* cinza-azulado do corpo do site atual */
  --orange:  #FB8500;  /* laranja da logo. Acento e CTA */
  --blue:    #219EBC;  /* azul secundário, uso pontual */

  /* --- Neutros derivados --- */
  --paper:   #F5F3EF;  /* base da página, off-white quente */
  --surface: #FFFFFF;  /* superfície elevada: card, formulário */
  --rule:    #DAD6CE;  /* filete e borda sobre paper */
  --muted:   #5A6B75;  /* texto secundário */

  /* --- Sobre fundo escuro --- */
  --on-dark:       #EDEFF2;
  --on-dark-muted: #93A6B3;
  --on-dark-rule:  #143D55;
  --amber:         #FFA733;  /* laranja clareado p/ contraste AA no navy */

  /* --- Tipografia --- */
  --display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --body:    'Karla', system-ui, -apple-system, sans-serif;
  --mono:    'IBM Plex Mono', ui-monospace, 'Courier New', monospace;

  /* --- Escala de espaço (tokens, não passos aleatórios) --- */
  --s1: 8px;   --s2: 14px;  --s3: 22px;  --s4: 34px;
  --s5: 56px;  --s6: 76px;  --s7: 110px;

  /* --- Layout --- */
  --wrap: 1120px;
  --gutter: 28px;
  --radius: 3px;
  --header-h: 76px;

  /* --- Profundidade: base -> elevado -> flutuante --- */
  --lift-1: 0 1px 2px rgba(2,48,71,.05), 0 2px 8px rgba(2,48,71,.04);
  --lift-2: 0 2px 4px rgba(2,48,71,.06), 0 10px 28px rgba(2,48,71,.07);
  --lift-3: 0 4px 10px rgba(2,48,71,.08), 0 22px 55px rgba(2,48,71,.11);

  /* --- Movimento: mola, nunca linear --- */
  --ease: cubic-bezier(.2,.7,.3,1);
  --fast: .18s var(--ease);
  --slow: .6s var(--ease);
}