/* ═══════════════════════════════════════════════
   DESIGN TOKENS — jorge grajales .co
   Paleta: "Confianza Robusta e Innovación Vanguardista"
   (ver design.md en la raíz del sitio).
   Editar aquí para cambiar paleta, tipografía o
   radios en todo el sitio de forma global.
═══════════════════════════════════════════════ */
:root {
  /* ── Paleta de marca (design.md) ── */
  --navy:   #0F2537;   /* Primario · Azul Ejecutivo Senior: estructura, títulos, fondos corporativos */
  --navy2:  #183A55;   /* Navy elevado: superficies sobre fondo navy                                 */
  --navy3:  #0A1A28;   /* Navy profundo: footer                                                       */
  --blue:   #1A66FF;   /* Secundario · Azul Tecnológico e IA: CTAs, enlaces, iconos                   */
  --blue2:  #0F52D9;   /* Hover de CTAs                                                               */
  --blue-lt:#7AA7FF;   /* Azul tecnológico sobre fondos navy (contraste AA)                           */
  --green:  #00B887;   /* Acento · Verde Eficiencia (ROI): KPIs, badges, decoración y texto sobre navy */
  --green-ink: #007A5A;/* Verde Eficiencia para texto/iconos sobre fondo claro (5.3:1, AA)            */
  --green-ink2:#00664B;/* Hover de botones verdes                                                     */

  /* Canales RGB para transparencias: rgb(var(--blue-rgb) / .1) */
  --navy-rgb:  15 37 55;
  --blue-rgb:  26 102 255;
  --green-rgb: 0 184 135;

  /* ── Fondos (claro) ── */
  --g0: #E9EFF5;   /* section-dark: hielo con matiz navy */
  --g1: #F4F7FA;   /* body: Fondo Claro Técnico         */
  --g2: #FFFFFF;   /* cards + section-alt               */
  --g3: #EEF3F8;   /* hover / estados activos           */
  --g4: #C8D3DE;   /* bordes, línea de trayectoria      */

  /* ── Texto ── */
  --text:  #212529;  /* Neutro oscuro · Gris Carbón: cuerpo de texto (14:1 sobre --g1) */
  --text2: #495057;  /* Texto secundario (7.6:1)                                       */
  --text3: #5C6670;  /* Texto terciario / labels (5.4:1)                               */
  --on-dark:  #FFFFFF;
  --on-dark2: rgba(255, 255, 255, .78);
  --on-dark3: rgba(255, 255, 255, .62);

  /* ── Bordes ── */
  --border:  rgb(var(--navy-rgb) / .09);
  --border2: rgb(var(--navy-rgb) / .16);

  /* ── Tipografía ── */
  --ffd: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ffb: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ffc: 'DM Serif Display', Georgia, 'Times New Roman', serif; /* títulos editoriales */
  --ffm: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

  /* ── Radios ── */
  --r:  8px;
  --r2: 12px;
}