/*
 * Tokens del sistema de diseño de GestorISO (plan de implementación §10.2).
 * Rige toda superficie del sistema: web, portal externo, canal de denuncias,
 * inicio de sesión, correos, reportes y tableros. No usar valores fijos:
 * todo componente consume estos tokens semánticos para permitir modo oscuro
 * y personalización por entidad.
 */

:root {
  /* Paleta base */
  --navy: #021e43;
  --lime: #c6fd01;
  --blue-bright: #2a7bf0;
  --blue-primary: #007bff;
  --white: #ffffff;
  --text-dark: #212529;

  /* Derivados para accesibilidad WCAG 2.2 AA */
  --blue-primary-700: #0062cc; /* texto y enlaces sobre blanco: 5,8:1 */
  --blue-primary-800: #0056b3; /* hover y activo de botones: 7,0:1 */
  --navy-050: #eaf2fe; /* fondos suaves y filas alternas */
  --text-muted: #495057; /* texto secundario: 9,0:1 */

  /* Colores funcionales (éxito/advertencia/error): la paleta de marca no los
     cubre (§10.2 "Estados de negocio"); propuesta validada a >= 4,5:1 sobre
     blanco, pendiente de aprobación final de diseño. */
  --color-success: #157347;
  --color-warning-text: #92400e;
  --color-error: #b91c1c;

  /* Tokens semánticos */
  --color-bg: var(--white);
  --color-surface-brand: var(--navy);
  --color-text: var(--text-dark);
  --color-text-on-brand: var(--white);
  --color-text-muted: var(--text-muted);
  --color-accent: var(--lime);
  --color-text-on-accent: var(--navy);
  --color-action: var(--blue-primary);
  --color-action-hover: var(--blue-primary-800);
  --color-link: var(--blue-primary-700);
  --color-info: var(--blue-bright);
  --focus-ring: 0 0 0 3px var(--lime), 0 0 0 5px var(--navy);
}

:root[data-theme="dark"] {
  --color-bg: var(--navy);
  --color-text: var(--white);
  --color-link: var(--blue-bright);
  --color-action: var(--blue-bright);
}