/* ==========================================================================
   Tokens de marca — Borrego Leonor & Irmão S.A.
   Todos os valores da marca vivem aqui. Nunca usar cores directas noutro sítio.
   ========================================================================== */

:root {
  /* --- Cor -------------------------------------------------------------
     Acento derivado do azul do logótipo (#3a72c0), escurecido até garantir
     contraste AA (5.42:1 sobre branco). O azul do site antigo (#30ace2)
     ficava-se por 2.58:1 e não passava. */
  --cor-acento:        #2c6bb5;
  --cor-acento-hover:  #245a9c;
  --cor-acento-escuro: #1b4372;
  --cor-acento-suave:  #eef4fb;

  --cor-fundo:         #ffffff;
  --cor-fundo-alt:     #f6f8fa;
  --cor-fundo-escuro:  #14181d;

  --cor-texto:         #1a1c1f;
  --cor-texto-suave:   #5b6470;
  --cor-texto-inverso: #ffffff;
  --cor-texto-inverso-suave: #c3cbd6;

  --cor-borda:         #e3e8ee;
  --cor-borda-forte:   #cbd3dd;

  --cor-foco:          #1e5fae;

  /* --- Tipografia ------------------------------------------------------ */
  --fonte-titulo: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fonte-corpo:  'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* escala 1.200 (menor mobile) */
  --txt-xs:   0.75rem;
  --txt-sm:   0.875rem;
  --txt-base: 1rem;
  --txt-md:   1.125rem;
  --txt-lg:   clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --txt-xl:   clamp(1.5rem, 1.25rem + 1.1vw, 2rem);
  --txt-2xl:  clamp(1.875rem, 1.4rem + 2vw, 2.75rem);
  --txt-3xl:  clamp(2.25rem, 1.5rem + 3.2vw, 3.75rem);

  --peso-normal: 400;
  --peso-medio:  500;
  --peso-forte:  600;
  --peso-bold:   700;

  --linha-apertada: 1.15;
  --linha-titulo:   1.25;
  --linha-corpo:    1.65;

  /* --- Espaçamento (múltiplos de 4px) ---------------------------------- */
  --e-1:  0.25rem;
  --e-2:  0.5rem;
  --e-3:  0.75rem;
  --e-4:  1rem;
  --e-5:  1.25rem;
  --e-6:  1.5rem;
  --e-8:  2rem;
  --e-10: 2.5rem;
  --e-12: 3rem;
  --e-16: 4rem;
  --e-20: 5rem;
  --e-24: 6rem;

  /* ritmo vertical das secções */
  --seccao: clamp(3.5rem, 2rem + 6vw, 6rem);

  /* --- Layout ----------------------------------------------------------- */
  --wrap: 1120px;
  --wrap-estreito: 760px;
  --gutter: clamp(1rem, 0.5rem + 2vw, 2rem);

  /* --- Raio ------------------------------------------------------------- */
  --raio-sm: 4px;
  --raio:    8px;
  --raio-lg: 14px;
  --raio-full: 999px;

  /* --- Sombra ----------------------------------------------------------- */
  --sombra-sm: 0 1px 2px rgba(20, 24, 29, 0.06);
  --sombra:    0 2px 8px rgba(20, 24, 29, 0.07);
  --sombra-md: 0 6px 20px rgba(20, 24, 29, 0.09);
  --sombra-lg: 0 14px 40px rgba(20, 24, 29, 0.13);

  /* --- Transição -------------------------------------------------------- */
  --t-rapida: 140ms ease;
  --t-media:  240ms cubic-bezier(0.4, 0, 0.2, 1);

  /* --- Alturas fixas ---------------------------------------------------- */
  --altura-header: 76px;
}

@media (max-width: 900px) {
  :root { --altura-header: 64px; }
}