/* Trade Logistics tokens for the public site. Source: design-system/tokens/*.css and the
   2026-10-08 audit (contrast values). Blue #1679FE is info only, never a background. */
:root {
  --naranja: #FC5000;            /* display text 24px+ and backgrounds only */
  --naranja-boton: #D64300;      /* filled buttons, 5.0:1 with white */
  --naranja-boton-hover: #C43D00;
  --naranja-texto: #C43D00;      /* orange text under 24px, 5.6:1 on white */
  --naranja-suave: #FFEDE4;
  --marino: #0E263A;
  --marino-card: #122F49;        /* hero quote card */
  --marino-tinta: #081827;
  --cielo: #1679FE;
  --texto: #0E263A;
  --texto-sec: #46596B;
  --gris-texto: #5B6977;         /* small gray, 6.0:1 on white */
  --gris-banda: #F5F7F8;
  --gris: #E2E2E2;
  --linea: #E2E2E2;
  --linea-oscura: rgba(255, 255, 255, 0.14);
  --blanco: #FFFFFF;
  --whatsapp: #25D366;
  --font-sans: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  --stretch-display: 100%;   /* live Elementor rendered Archivo at normal width (no width axis loaded); kept for the same look */
  --tracking-wider: 0.09em;
  --wrap: 1188px;
  --gutter: 24px;
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(14, 38, 58, 0.06), 0 2px 6px rgba(14, 38, 58, 0.05);
  --shadow-md: 0 2px 4px rgba(14, 38, 58, 0.06), 0 8px 20px rgba(14, 38, 58, 0.09);
  --ease-envio: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 140ms; --dur-base: 240ms;
}
@media (max-width: 767px) { :root { --gutter: 16px; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}