/* ============================================================
   TOKENS — variables de diseño compartidas por todo el sitio.
   Paleta: evoluciona el azul/amarillo actual hacia verde-campo +
   tierra/ocre, conservando navy como acento de "tecnología/Trimble".
   ============================================================ */
:root{
  /* Verde campo — base dominante */
  --green-900:#1E2A1B;
  --green-800:#2C3B25;
  --green-700:#3F5A34;
  --green-500:#6B8F5E;
  --green-100:#E7EEE1;

  /* Tierra / ocre — base secundaria */
  --earth-700:#6B4F3B;
  --earth-500:#A67C52;
  --earth-100:#EFE6D8;

  /* Azul de marca — chrome del sitio (topbar/nav/footer) + acento tecnología/Trimble */
  --navy:#000D58;
  --navy-2:#0E3655;
  --navy-950:#04081F;
  --navy-900:#080F3D;
  --navy-800:#0C1650;

  /* Iluminación / glow (usado en fotos de dron y detalles "tech") */
  --glow-blue: rgba(58,130,255,.35);
  --glow-warm: rgba(232,169,58,.35);

  /* CTA */
  --cta:#E8A93A;
  --cta-hover:#CC8F22;
  --whatsapp:#25D366;
  --whatsapp-hover:#1EBE5D;

  /* Problema / Solución */
  --problema:#B3402F;
  --problema-bg:#FBEDE9;
  --solucion:#3F5A34;
  --solucion-bg:#EEF3EC;

  /* Neutros */
  --ink:#1C2018;
  --body-text:#4B4F46;
  --bg:#FAF8F3;
  --white:#FFFFFF;
  --border:#E2DED3;

  /* Tipografía (fuentes existentes, ver base.css @font-face) */
  --font-display:'exo', sans-serif;
  --font-display-light:'exo-light', sans-serif;
  --font-nav:'oswald', sans-serif;
  --font-hero:'anton', sans-serif;

  /* Escala tipográfica fluida */
  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.94rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1:  clamp(1.25rem, 1.19rem + 0.3vw, 1.5rem);
  --step-2:  clamp(1.6rem, 1.5rem + 0.5vw, 2rem);
  --step-3:  clamp(2rem, 1.8rem + 1vw, 2.75rem);
  --step-4:  clamp(2.6rem, 2.2rem + 2vw, 4rem);

  /* Espaciado — escala de 8px */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 2.5rem;
  --space-6: 3rem;
  --space-7: 3.5rem;
  --space-8: 4rem;

  /* Otros */
  --radius: 18px;
  --radius-sm: 10px;
  --shadow-sm: 0 5px 15px rgba(28,32,24,0.08);
  --shadow-md: 0 10px 25px rgba(28,32,24,0.15);
  --shadow-lg: 0 20px 45px rgba(28,32,24,0.22);
  --ease: cubic-bezier(.22,.68,0,1.4);
  --header-h: 78px;
}