/* ============================================================
   tokens.css — Design tokens Link Advance
   Azul de marca #2f6bb3 (tomado del logo oficial).
   ============================================================ */
:root {
  /* Marca */
  --la-azul:        #2f6bb3;
  --la-azul-osc:    #24548d;
  --la-azul-claro:  #eaf1f9;
  --la-rojo:        #e0413d;

  /* Semánticos */
  --ok:        #16a34a;
  --ok-bg:     #eaf7ef;
  --alerta:    #f2a312;
  --alerta-bg: #fdf4e3;
  --error:     #dc2626;
  --error-bg:  #fdecec;

  /* Superficies */
  --fondo:      #f4f6f9;
  --superficie: #ffffff;
  --superficie-2: #f8fafc;
  --borde:      #e2e8f0;
  --borde-fuerte: #cbd5e1;

  /* Texto */
  --texto:     #1e293b;
  --texto-sec: #64748b;
  --texto-ter: #94a3b8;
  --texto-inv: #ffffff;

  /* Formas */
  --r-sm: 8px;
  --r:    12px;
  --r-lg: 16px;
  --r-full: 999px;

  --sombra:    0 1px 2px rgba(15,23,42,.06), 0 2px 8px rgba(15,23,42,.05);
  --sombra-md: 0 4px 12px rgba(15,23,42,.10);
  --sombra-lg: 0 12px 32px rgba(15,23,42,.16);

  /* Espaciado */
  --e1: 4px;  --e2: 8px;  --e3: 12px; --e4: 16px;
  --e5: 24px; --e6: 32px; --e7: 48px;

  /* Tipografía */
  --fuente: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --t-xs: 12px; --t-sm: 14px; --t-md: 16px; --t-lg: 20px; --t-xl: 26px;

  /* Altura mínima táctil: se usa con guantes, en terreno */
  --tactil: 48px;
  --topbar-h: 60px;
}

/* Colores por categoría de formulario */
[data-cat="operaciones"] { --cat: #2f6bb3; --cat-bg: #eaf1f9; }
[data-cat="seguridad"]   { --cat: #e0413d; --cat-bg: #fdecec; }
[data-cat="mantencion"]  { --cat: #f2a312; --cat-bg: #fdf4e3; }
[data-cat="personas"]    { --cat: #7c3aed; --cat-bg: #f3edfd; }
[data-cat=""]            { --cat: #64748b; --cat-bg: #f1f5f9; }