/* ==========================================================================
   AGROMAIA — Design tokens
   Direção de design: "Technical Editorial" — navy dominante, verde de acento,
   tipografia editorial, densidade de dado técnico (agro é campo de números).
   ========================================================================== */

:root {
  /* ---- Marca -------------------------------------------------------- */
  --navy-900: #131C33;   /* mais escuro que o base, para profundidade */
  --navy-800: #1E2A4A;   /* primária de identidade */
  --navy-700: #2A3961;
  --navy-600: #3A4C7A;

  --leaf-700: #145C2E;
  --leaf-600: #1E7A3E;   /* secundária agro/vida */
  --leaf-500: #4CAF50;   /* acento de conversão */
  --leaf-300: #8FD694;
  --leaf-100: #E4F4E6;

  /* Acento de colheita — puxado do grão amarelo-alaranjado do milho.
     Usado com parcimônia: só em números e destaques de safra. */
  --grain-500: #E0A32E;
  --grain-300: #F2CE7E;

  /* ---- Superfícies --------------------------------------------------- */
  --bg: #FAFAFA;         /* fundo principal */
  --bg-alt: #F0F3F4;     /* alternância de blocos e tabelas */
  --surface: #FFFFFF;
  --ink: #2C3E50;        /* texto base, leitura longa */
  --ink-soft: #5C6F81;
  --ink-faint: #8A9AA8;
  --line: #DDE3E7;
  --line-soft: #E9EDEF;

  /* Sobre navy */
  --on-navy: #EEF2F7;
  --on-navy-soft: #A9B6CC;
  --navy-line: rgba(255, 255, 255, 0.14);

  /* ---- Tipografia --------------------------------------------------- */
  --font-display: "Clash Display", "Space Grotesk", Georgia, serif;
  --font-body: "Satoshi", "General Sans", Verdana, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* Escala fluida */
  --step--1: clamp(0.82rem, 0.79rem + 0.15vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.09rem);
  --step-1: clamp(1.2rem, 1.11rem + 0.45vw, 1.5rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2.15rem);
  --step-3: clamp(1.9rem, 1.5rem + 2vw, 3.1rem);
  --step-4: clamp(2.4rem, 1.6rem + 3.6vw, 4.6rem);
  --step-5: clamp(2.9rem, 1.5rem + 6vw, 6.6rem);

  /* ---- Espaço e ritmo ------------------------------------------------ */
  --gutter: clamp(1.15rem, 4vw, 2.5rem);
  --shell: 1280px;
  --section-y: clamp(4rem, 9vw, 8.5rem);

  --radius-sm: 4px;
  --radius: 10px;
  --radius-lg: 20px;

  /* ---- Sombras — secas, de papel técnico, não "flutuantes" de SaaS --- */
  --shadow-sm: 0 1px 2px rgba(19, 28, 51, 0.06),
               0 2px 8px rgba(19, 28, 51, 0.04);
  --shadow-md: 0 2px 6px rgba(19, 28, 51, 0.07),
               0 12px 28px -8px rgba(19, 28, 51, 0.14);
  --shadow-lg: 0 30px 70px -24px rgba(19, 28, 51, 0.32);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}