/* Design tokens — 4º Leilão Virtual VPJ Red Brahman
   Paleta extraída do próprio selo (assets/img/logo-brahman-*.webp):
   vermelhos #ae242a/#a12535/#570000, marinho #2e3873 da bandeira australiana,
   creme #e5e6e7 do relevo e a madeira escura do fundo (bg-madeira.webp). */
:root {
  /* Cores — o KV é escuro, então a madeira é o fundo dominante */
  --wood: #2B1F17;         /* fundo geral (madeira do KV) */
  --wood-deep: #1A120C;    /* footer e seções mais fundas */
  --wood-soft: #3A2A1E;    /* superfícies elevadas sobre a madeira */
  --card: #F6F1E6;         /* cartões claros (formulário) */
  --red: #AE242A;          /* vermelho do selo: CTAs e destaques */
  --red-deep: #570000;     /* hover e fundos vinho */
  --red-ink: #260000;      /* bordas e sombras do selo */
  --navy: #2E3873;         /* azul da bandeira australiana (detalhe) */
  --bone: #E5E6E7;         /* creme do relevo: texto sobre escuro */
  --bone-warm: #F3EDDF;    /* creme quente */
  --bone-dim: #C6B8A4;     /* texto secundário sobre escuro */
  --ink: #1B1713;          /* texto sobre claro */
  --ink-soft: #4A4238;     /* texto secundário sobre claro */
  --line: rgba(229, 230, 231, .16);
  --line-dark: rgba(27, 23, 19, .16);

  /* Tipografia */
  --font-display: "Zilla Slab", Georgia, serif;
  --font-body: "Barlow", -apple-system, "Segoe UI", sans-serif;
  --font-label: "Barlow Condensed", "Arial Narrow", sans-serif;

  /* Forma */
  --radius-card: 6px;
  --radius-pill: 50px;

  /* Movimento */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-back: cubic-bezier(.34, 1.56, .64, 1); /* assenta com um passo além */
  --t-fast: 160ms var(--ease-out);
  --t-base: 280ms var(--ease-out);
  --t-slow: 620ms var(--ease-out);

  /* Medidas de leitura — uma escala só para a página inteira, para os
     blocos de texto quebrarem no mesmo lugar de seção para seção. */
  --medida: 48ch;         /* corpo de texto */
  --medida-titulo: 16ch;  /* título de coluna */

  /* Layout */
  --container: 1180px;
  --pad-x: clamp(1.25rem, 4vw, 3rem);
  --pad-section: clamp(4rem, 9vw, 7.5rem);
  --topbar-h: 80px; /* altura de fluxo da pílula do menu */
}