/* =========================================================
   Marca GESTOK: tokens compartidos · versión 1.4 (2026-10-22)
   (subir la versión en cada cambio: los productos guardan una copia fija y la comparan)
   Fuente única de colores y tipografías para el sitio y para todos los productos.
   Cada producto carga este archivo antes de sus propios estilos y usa solo las
   variables --gk-*; nunca escribe los colores a mano.
   Los logos están en img/ (ver README, sección "Marca").
   ========================================================= */
@font-face{font-family:"Archivo";src:url(../fonts/archivo-variable.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(../fonts/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-display:swap}

:root{
  /* Colores de marca */
  --gk-petroleo:#0F3640;           /* principal: textos, fondos oscuros, botones */
  --gk-petroleo-hover:#174A56;
  --gk-petroleo-oscuro:#0B2B33;    /* pie de página, velos */
  --gk-amarillo:#F4C20D;           /* acento: "la pieza que faltaba". Solo sobre petróleo o con texto petróleo encima */
  --gk-amarillo-hover:#FFD333;
  --gk-blanco:#FFFFFF;

  /* Neutros */
  --gk-gris:#58656D;               /* texto secundario: ≥4.5:1 sobre blanco y sobre gris claro */
  --gk-gris-claro:#E3E8EA;         /* fondos suaves, separadores, selección */
  --gk-fondo:#F4F6F7;              /* fondo de las aplicaciones, detrás de las tarjetas blancas */
  --gk-borde:#C5CED2;              /* bordes decorativos (tarjetas, divisiones) */
  --gk-borde-control:#879399;      /* bordes de campos y controles: ≥3:1 sobre blanco */
  --gk-linea-oscura:rgba(255,255,255,.14);   /* separadores sobre fondo petróleo */

  /* Estados */
  --gk-ok:#1E9E6A;
  --gk-ok-fondo:#E3F4EC;
  --gk-ok-texto:#11573A;
  --gk-aviso:#92400E;              /* texto de advertencia (por vencer, pendiente) */
  --gk-aviso-fondo:#FEF3C7;
  --gk-aviso-marca:#D97706;        /* puntos y bordes de advertencia; distinto del amarillo de marca */
  --gk-error:#B3261E;
  --gk-error-fondo:#FBE9E7;

  /* Tipografía */
  --gk-fuente:"Archivo",Arial,sans-serif;               /* títulos con font-stretch:125% y peso 800 */
  --gk-fuente-mono:"Plex Mono",ui-monospace,monospace;  /* códigos y numeraciones (GK-01, Paso 1) */

  /* Caja de ingreso: la misma en cuenta.gestok.com (Keycloak) y en cada producto (css/ingreso.css).
     Va arriba, no centrada: un mensaje de error no la saca de la pantalla. */
  --gk-ingreso-ancho:28rem;
  --gk-ingreso-barra:48px;                     /* barra superior (regreso a productos, idioma) */
  --gk-ingreso-arriba:clamp(8px,4vh,40px);     /* entre la barra y el logo */
  --gk-ingreso-lados:16px;                     /* margen lateral en celular */
  --gk-ingreso-logo:40px;                      /* alto del logotipo */
  --gk-ingreso-separacion:24px;                /* entre el logo y la caja */
  --gk-ingreso-relleno:28px;
  --gk-ingreso-radio:14px;
  --gk-ingreso-franja:4px;                     /* franja amarilla superior */
  --gk-ingreso-sombra:0 12px 32px rgba(0,0,0,.28);
}