/* Fontes locais (woff2, subconjunto latin — cobre o português). SIL Open Font License. */
@font-face {
  font-family: "Archivo Black";
  src: url("../assets/fonts/archivo-black-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url("../assets/fonts/archivo-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter-latin-500-normal.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/inter-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}

/* Tokens de design — Fachini Agropecuária
   Paleta fechada: nenhuma outra cor de marca fora destas cinco. */
:root {
  /* Cores */
  --c-red: #D7141A;      /* Vermelho Fachini — só no ponto de maior importância */
  --c-black: #0B0B0C;    /* Preto profundo — fundo dominante */
  --c-offwhite: #F4F1EA; /* Off-white — texto e áreas claras */
  --c-gold: #C9A45C;     /* Dourado seco — filetes, linhas finas, números */
  --c-steel: #2A2B2E;    /* Cinza aço — cartões, divisórias */

  /* Tipografia — Archivo SemiBold nos títulos (mesma superfamília da logo, sem o peso de outdoor),
     Archivo Black só nos números grandes (eco direto da logo) e Inter no texto. Tudo servido localmente. */
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-black: "Archivo Black", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Espaçamento (escala ~1.5) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 40px;
  --s-7: 64px;
  --s-8: 104px;

  /* Layout */
  --container: 1240px;
  --gutter: 16px;

  /* Breakpoints (referência; media queries usam o valor literal) */
  --bp-mobile: 768px;
}

@media (min-width: 768px) {
  :root { --gutter: 40px; }
}