/* ==========================================================================
   INGENIOSS — Design tokens
   Colores muestreados directamente del logotipo oficial:
   - Azul mascota  #019CDF
   - Gris wordmark #737176
   ========================================================================== */

:root {
  /* ---- Marca ---- */
  --brand:            #019CDF;  /* azul del logo (acentos, iconos, bordes) */
  --brand-strong:     #0377B4;  /* azul accesible para botones y texto (AA sobre blanco) */
  --brand-deep:       #123A5A;  /* azul profundo corporativo */
  --brand-night:      #0B2236;  /* fondo oscuro de secciones premium */
  --brand-sky:        #20B8E8;  /* celeste de acento */
  --brand-mist:       #E6F5FC;  /* tinte muy claro del azul */
  --brand-gray:       #737176;  /* gris del wordmark */

  /* ---- Acentos de especialidad (sutiles, siempre subordinados al azul) ---- */
  --civil:            #0377B4;
  --ambiental:        #1E9E7A;
  --sistemas:         #4C5BD4;

  /* ---- Neutros ---- */
  --white:            #FFFFFF;
  --surface:          #F4F7FA;
  --surface-2:        #EAF0F5;
  --line:             #DCE4EC;
  --line-strong:      #C3CFDB;
  --text:             #1B2735;
  --text-soft:        #4A5A6B;
  --text-mute:        #6B7A8A;
  --ink:              #263445;

  /* ---- Tipografía ---- */
  --font-display: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --font-body:    "Inter", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  --fs-xs:   0.8125rem;
  --fs-sm:   0.9375rem;
  --fs-base: 1.0625rem;
  --fs-lg:   1.1875rem;
  --fs-xl:   clamp(1.35rem, 1.1rem + 0.8vw, 1.6rem);
  --fs-2xl:  clamp(1.75rem, 1.3rem + 1.8vw, 2.6rem);
  --fs-3xl:  clamp(2.2rem, 1.5rem + 3vw, 3.75rem);

  /* ---- Espaciado ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --section-y: clamp(4.5rem, 3rem + 6vw, 8rem);

  /* ---- Forma ---- */
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(18, 58, 90, .06), 0 1px 3px rgba(18, 58, 90, .05);
  --shadow:    0 6px 18px -6px rgba(18, 58, 90, .14), 0 2px 6px rgba(18, 58, 90, .05);
  --shadow-lg: 0 24px 48px -18px rgba(18, 58, 90, .28), 0 6px 14px rgba(18, 58, 90, .06);

  --container: 1200px;
  --header-h: 76px;

  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: 280ms;
}