/* Elephant EOR — tokens de diseño compartidos por la web pública, el área de cliente,
   la landing VSL y la página de gracias. Fuente: Empresas Animal Business Holding\
   Elephant EOR\_fuente_marca\FICHA_MAESTRA.md (paleta muestreada del logo real).
   Este fichero NO lleva reglas de componentes: solo variables. */
:root {
  /* Marca */
  --el-ink:   #0F1A28;  /* Tinta Elephant: palabra «Elephant», fondos oscuros, texto */
  --el-navy:  #13253A;  /* Azul Noche */
  --el-eor:   #1F4B78;  /* Azul EOR: CTA, enlaces */
  --el-eor-2: #173B60;  /* Azul EOR en hover/pressed */
  --el-herd:  #557295;  /* Azul Manada: cuerpo del elefante, iconos */
  --el-steel: #5A7899;  /* Acero: filetes; texto solo >= 18px sobre claro */
  --el-sky:   #7AABD9;  /* Cielo: acento sobre oscuro */
  --el-ivory: #EFE7DA;  /* Marfil: colmillo, tarjetas cálidas */
  --el-ivory-ink: #F6F3EC; /* Texto claro sobre fondos oscuros */
  --el-mist:  #E6ECF3;  /* Niebla: fondos de sección */
  --el-paper: #F8FAFC;  /* Papel: fondo base */
  --el-white: #FFFFFF;
  --el-line:  #D5DEE8;  /* Bordes sobre claro */
  --el-line-dark: rgba(122,171,217,.22); /* Bordes sobre oscuro */
  --el-muted: #4A5B70;  /* Texto secundario sobre claro (AA sobre blanco y papel) */
  --el-muted-dark: #A9BACD; /* Texto secundario sobre oscuro (AA sobre ink) */

  /* Estados (solo UI) */
  --el-ok:   #1E7A4F;  --el-ok-bg:   #E5F3EC;
  --el-warn: #9A6A12;  --el-warn-bg: #FBF1DE;
  --el-err:  #B3261E;  --el-err-bg:  #FBE7E6;

  /* Degradados de marca */
  --el-grad-night: linear-gradient(160deg, #0F1A28 0%, #13253A 55%, #1F4B78 130%);
  --el-grad-herd:  linear-gradient(135deg, #1F4B78 0%, #557295 60%, #7AABD9 120%);
  --el-grad-ivory: linear-gradient(180deg, #F8FAFC 0%, #EFE7DA 140%);

  /* Tipografía */
  --el-font-display: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --el-font-text: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --el-font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;
  --el-track-caps: .28em; /* rótulos en versalitas, como GLOBAL EMPLOYMENT SOLUTIONS */

  /* Escala */
  --el-radius-s: 8px; --el-radius: 14px; --el-radius-l: 22px;
  --el-shadow-1: 0 1px 2px rgba(15,26,40,.06), 0 4px 14px rgba(15,26,40,.06);
  --el-shadow-2: 0 10px 40px rgba(15,26,40,.14);
  --el-focus: 0 0 0 3px rgba(122,171,217,.55);
  --el-max: 1200px;
  --el-tap: 44px; /* objetivo táctil mínimo */
}