/* ==========================================================================
   DESIGN SYSTEM - HORBACH AGRÍCOLA (TOKENS & VARIÁVEIS)
   ========================================================================== */

:root {
  /* Cores da Marca — ajustadas 2026-08-24 pra bater com o verde real do
     site original (extraído por amostragem de pixel do gradiente do hero
     e do botão CONTATO em siloshorbach.com.br) */
  --color-primary: #04794f;        /* Verde Institucional Horbach (era #0b3d26, escuro/preto demais) */
  --color-primary-dark: #035c3c;   /* Verde Escuro Profundo (era #072718, quase preto) */
  --color-primary-light: #049c5f;  /* Verde Médio / Hover (era #165b38) */
  --color-primary-surface: #eafaf1;/* Verde Suave para Fundos */

  /* Cores Secundárias / Acentos */
  --color-accent: #2bb74a;         /* Verde Destaque, igual ao botão CONTATO do original (era #2f9e44) */
  --color-accent-hover: #1f9038;   /* Verde Destaque Escuro */
  --color-accent-light: #e8f9ec;   /* Verde Destaque Suave */

  /* Neutros e Superfícies */
  --color-bg-dark: #07150e;        /* Dark Background elegante */
  --color-bg-dark-card: #0e2419;   /* Cards em tema escuro */
  --color-bg-light: #f8fafc;       /* Fundo claro padrão */
  --color-bg-white: #ffffff;
  --color-border: #e2e8f0;
  --color-border-dark: #1b3829;

  /* Tipografia */
  --color-text-main: #1e293b;
  --color-text-muted: #64748b;
  --color-text-light: #94a3b8;
  --color-text-white: #ffffff;

  /* Font Families */
  --font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, monospace;

  /* Sombras Modernas */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 24px rgba(4, 121, 79, 0.08);
  --shadow-lg: 0 16px 40px rgba(4, 121, 79, 0.12);
  --shadow-xl: 0 24px 60px rgba(0, 0, 0, 0.18);
  --shadow-gold: 0 8px 25px rgba(43, 183, 74, 0.35);
  --shadow-green: 0 8px 25px rgba(4, 121, 79, 0.3);

  /* Transições e Animações */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Raios de Borda */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Espaçamentos & Layout */
  --container-width: 1240px;
  --header-height: 84px;
}