/* ==========================================================================
   Aquafides — Design Tokens
   Fuente oficial: Manual Corporativo Aquafides v1.0 (vinculante).
   Paleta: Pantone 3005 C (#0072CE) principal · Pantone 3385 C (#28C7A1) secundario.
   Tipografía: Karla (400/700).
   ========================================================================== */

:root {
  /* --- Paleta corporativa oficial --- */
  --aqf-primary:    #0072CE; /* Pantone 3005 C — azul brillante (principal) */
  --aqf-secondary:  #28C7A1; /* Pantone 3385 C — verde turquesa (secundario) */
  --aqf-primary-dark: #005AA3; /* derivado del azul para hover/profundidad y contraste */

  /* Compat: --aqf-accent se mantiene como color interactivo.
     Apunta al azul principal porque el turquesa no da contraste suficiente
     con texto blanco (botones, enlaces). El turquesa se usa como decorativo. */
  --aqf-accent:     #0072CE;

  --aqf-light:      #D6F3EC; /* turquesa muy suave para fondos (deriva del secundario) */
  --aqf-bg:         #F5FAFD; /* gris azulado claro */
  --aqf-gray:       #595959; /* texto gris */
  --aqf-dark-gray:  #404040; /* texto principal */
  --aqf-white:      #ffffff;

  /* --- Degradado oficial: horizontal turquesa → azul --- */
  --aqf-gradient:   linear-gradient(120deg, #1FA890 0%, #0072CE 70%, #045BA3 100%);
  /* Scrim para garantizar contraste de texto blanco sobre el degradado.
     Reforzado: más oscuro a la izquierda (donde va el texto) y cae a la derecha. */
  --aqf-gradient-scrim: linear-gradient(95deg, rgba(2,30,55,.55) 0%, rgba(2,30,55,.30) 45%, rgba(2,30,55,.05) 75%);
  /* Navy profundo para footer/secciones de alto contraste (estilo web anterior). */
  --aqf-navy:       #042B4D;
  --aqf-footer-gradient: linear-gradient(120deg, #042B4D 0%, #0A4F86 55%, #0072CE 100%);
  /* Degradado profundo turquesa→azul→navy para bandas destacadas. */
  --aqf-gradient-deep: linear-gradient(120deg, #1FA8A0 0%, #0072CE 55%, #064a82 100%);

  /* --- Estados --- */
  --aqf-ok:    #1B9E2D; /* verde sostenibilidad */
  --aqf-warn:  #B5860B;
  --aqf-err:   #B00020;

  /* --- Etiquetas de módulos --- */
  --aqf-iso:   #B5860B;
  --aqf-aws:   #0E7C66;
  --aqf-esrs:  #7C4DFF;
  --aqf-gri:   #B0006A;
  --aqf-cdp:   #005AA3; /* azul oscuro (deriva del principal) */

  /* --- Etiquetas de tipología --- */
  --aqf-sp:  #0072CE; /* Sistemas Productivos (azul principal) */
  --aqf-cs:  #B45309; /* Cadenas de Suministro (ámbar profundo — identidad, no alerta; WCAG AA 5:1) */
  --aqf-ap:  #00695C; /* Administraciones Públicas */

  /* --- Tipografía oficial: Karla --- */
  --aqf-font: "Karla", -apple-system, BlinkMacSystemFont, "Segoe UI",
              "Helvetica Neue", Arial, sans-serif;
  --aqf-fw-regular: 400;
  --aqf-fw-semibold: 700; /* Karla solo trae 400/700; semibold mapea a bold */
  --aqf-fw-bold: 700;
  --aqf-fw-black: 700;

  /* --- Layout --- */
  --aqf-container: 1200px;
  --aqf-gutter: 24px;
  --aqf-radius: 12px;
  --aqf-radius-lg: 16px;
  --aqf-border: #E5E7EB;
  --aqf-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.03);
  --aqf-shadow-md: 0 6px 16px rgba(0, 0, 0, 0.08);
  --aqf-shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.25);

  --aqf-section-y: 56px;
}

@media (max-width: 600px) {
  :root { --aqf-section-y: 40px; }
}