/* ============================================================
   GOP — Gestión Operacional Platform
   Design Tokens compartidos
   Fuente: Manual de Identidad de Marca v1.0, Manual de Identidad
   Visual v1.0 y Design System v1.0 (documentos oficiales aprobados).

   Este es el ÚNICO archivo que define la paleta y tipografía de
   la plataforma. Los tres módulos (portal general, GreenCompliance,
   Cumplimiento de Seguridad) enlazan este archivo y NO deben volver
   a declarar su propio bloque :root de colores.

   IMPORTANTE: se conservan los nombres de variable ya usados en el
   código existente (--navy, --orange, --green, etc.) porque cientos
   de reglas CSS en los tres módulos ya dependen de ellos. Cambiar
   los nombres habría obligado a reescribir los tres archivos regla
   por regla; en su lugar, se remapean esos nombres a los valores
   oficiales de marca.
   ============================================================ */

:root{
  /* ---- Paleta corporativa oficial GOP (Manual de Identidad Visual §3) ---- */
  --gop-blue:#0F3D63;            /* Azul GOP — marca, navegación, fondos institucionales */
  --gop-blue-secondary:#1B5E8C;  /* Azul secundario — interfaces, apoyo, hover */
  --gop-green:#00A676;           /* Verde GOP — cumplimiento y acentos */
  --gop-gray-dark:#2F3945;       /* Gris oscuro — tipografía y estructura */
  --gop-gray-light:#E7EBEF;      /* Gris claro — fondos y superficies */
  --gop-white:#FFFFFF;

  /* ---- Color de acento por módulo (Design System §3) ----
     Compliance = Verde · Security = Rojo. No hay hex oficial para
     el resto de los módulos en el documento; para Security se define
     aquí un rojo propio, distinto del rojo de "estado crítico", para
     no confundir "marca del módulo" con "resultado crítico". */
  --gop-security-red:#C0392B;

  /* ---- Variables heredadas — remapeadas a la paleta oficial ---- */
  --navy: var(--gop-blue);
  --navy-light: var(--gop-blue-secondary);
  --navy-mid:#14487A;
  --bg: var(--gop-gray-light);
  --white: var(--gop-white);
  --text-dim:#6B7789;
  --text-body: var(--gop-gray-dark);
  --border:#DCE2EA;

  /* ---- Estados (Design System §6) — iguales en toda la plataforma ---- */
  --green: var(--gop-green);
  --green-bg:#E1F5EC;
  --red:#E5484D;
  --red-bg:#FBE9EA;
  --yellow:#E5B94D;
  --yellow-bg:#FBF1DE;
  --gray:#8A96AC;
  --gray-bg:#EEF1F5;

  /* ---- Acento interactivo por defecto (portal general) ----
     El portal no es un módulo específico, así que usa el azul
     secundario como acento en vez de un color de módulo. */
  --orange: var(--gop-blue-secondary);
}

/* Acento de módulo — GreenCompliance = Verde */
body[data-module="compliance"]{
  --orange: var(--gop-green);
}

/* Acento de módulo — Cumplimiento de Seguridad = Rojo */
body[data-module="security"]{
  --orange: var(--gop-security-red);
}

/* ---- Tipografía oficial (Design System §7) ---- */
body{
  font-family:'Inter','-apple-system','Segoe UI',Roboto,sans-serif;
}