/* ==========================================================================
   VARIABLES (design tokens)
   Colores tomados del logo de LOGISTRATECH. Cambiar aquí impacta todo el sitio.
   ========================================================================== */
:root {
  /* --- Marca --- */
  --c-cyan:        #35c6cf;   /* turquesa claro del arco superior */
  --c-teal:        #138a8f;   /* turquesa medio del camión */
  --c-green:       #1f8f55;   /* verde del arco inferior */
  --c-green-light: #6fd3a0;   /* verde claro de la hoja */
  --c-rust:        #8a3b12;   /* marrón del texto "LOGISTRATECH" */
  --c-blue:        #1f3a8a;   /* azul de "Business Consulting" */

  /* --- Neutros --- */
  --c-navy-950: #071226;
  --c-navy-900: #0b1a33;
  --c-navy-800: #12284a;
  --c-ink:      #13233d;      /* texto principal */
  --c-muted:    #56657a;      /* texto secundario */
  --c-line:     #dfe7ee;
  --c-bg:       #ffffff;
  --c-tint:     #f2f8f7;      /* fondo alternativo suave */
  --c-white:    #ffffff;

  /* --- Degradados --- */
  --g-brand: linear-gradient(120deg, var(--c-cyan) 0%, var(--c-teal) 45%, var(--c-green) 100%);
  --g-dark:  radial-gradient(1200px 600px at 80% -10%, #16406a 0%, transparent 60%),
             radial-gradient(900px 500px at -10% 110%, #0f4a45 0%, transparent 60%),
             var(--c-navy-900);

  /* --- Tipografía --- */
  --f-head: "Poppins", system-ui, sans-serif;
  --f-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-xs:  0.8125rem;
  --fs-sm:  0.9375rem;
  --fs-md:  1.0625rem;
  --fs-lg:  1.25rem;
  --fs-h3:  1.25rem;
  --fs-h2:  clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
  --fs-h1:  clamp(2.1rem, 1.3rem + 3.4vw, 3.6rem);

  /* --- Espaciado / forma --- */
  --space-section: clamp(4rem, 3rem + 4vw, 6.5rem);
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 22px;
  --shadow-sm: 0 1px 2px rgba(11, 26, 51, .06), 0 2px 8px rgba(11, 26, 51, .05);
  --shadow:    0 10px 30px rgba(11, 26, 51, .10);
  --shadow-lg: 0 24px 60px rgba(11, 26, 51, .18);

  --container: 1180px;
  --header-h: 72px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}