/* On Farm Bio · tokens do design system
   Cores do manual de marca (peças gráficas e digitais). Nomes pelo que
   representam no campo, não pela aparência. */

@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/montserrat-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/montserrat-var-italic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Plex Mono";
  src: url("/assets/fonts/plex-mono-500.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

:root {
  /* Manual de marca */
  --mata: #2e452e;        /* verde mais escuro: superfícies escuras e títulos */
  --folha: #397b35;       /* verde da marca: ações e links */
  --broto: #a8cf45;       /* verde-claro: luz sobre fundo escuro */
  --palha: #d2ae6d;       /* areia: só para custo, preço e economia */
  --grafite: #373435;     /* texto */
  --cinza: #96989a;
  --cinza-claro: #d2d3d5;
  --branco: #fefefe;

  /* Derivadas */
  --solo: #1d2b1e;        /* fundo mais escuro (hero, rodapé) */
  --nevoa: #eef1ea;       /* fundo alternado de seção */
  --linha: #dde2d6;       /* bordas sobre fundo claro */
  --linha-escura: rgb(254 254 254 / .14);
  --texto-suave: #5d6359;
  --folha-escura: #2f6a2c; /* hover do botão principal */
  --palha-escura: #8a6a2e; /* texto de custo sobre fundo claro (contraste AA) */
  --alerta: #a3412c;

  /* Divisões do grupo (manual: cores dos uniformes por área) */
  --div-bioinsumos: var(--folha);
  --div-laboratorio: #3f7fa6;
  --div-reatores: #7a7d80;

  /* Tipografia */
  --fonte: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-dado: "Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Escala modular 1.25 a partir de 17px */
  --t-xs: .8125rem;   /* 13 */
  --t-sm: .9375rem;   /* 15 */
  --t-base: 1.0625rem;/* 17 */
  --t-md: 1.25rem;    /* 20 */
  --t-lg: clamp(1.4rem, 1.1rem + 1vw, 1.75rem);
  --t-xl: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem);
  --t-2xl: clamp(2.1rem, 1.4rem + 3vw, 3.6rem);
  --t-hero: clamp(2.4rem, 1.4rem + 4.4vw, 4.75rem);

  /* Espaço (base 4) */
  --e-1: .25rem; --e-2: .5rem; --e-3: .75rem; --e-4: 1rem; --e-5: 1.5rem;
  --e-6: 2rem; --e-7: 3rem; --e-8: 4rem; --e-9: 6rem;
  --secao: clamp(3.5rem, 2rem + 6vw, 7rem);
  --margem: clamp(1rem, .5rem + 2.5vw, 2rem);
  --largura: 1240px;
  --leitura: 66ch;

  /* Raio por hierarquia: grande para mídia, médio para blocos, pequeno para controles */
  --r-midia: 20px;
  --r-bloco: 12px;
  --r-controle: 8px;
  --r-pilula: 999px;

  --sombra-elevada: 0 18px 40px -22px rgb(29 43 30 / .45);
  --foco: 0 0 0 3px var(--branco), 0 0 0 6px var(--folha);
  --duracao: 180ms;
}