/* ============================================================================
   SIGEX — Tokens
   Valores exactos de producción (GestorAPS). No redondear ni reinterpretar.
   Fuente de verdad: design_handoff_sigex_totem_aps/spec/TOKENS.md
   ========================================================================= */

:root {
  /* --- Paleta institucional --- */
  --sigex-blue: #0b4dc2;
  --sigex-blue-hover: #033a9f;
  --sigex-gold: #F2C230;

  /* --- Fondos --- */
  --sigex-bg-app: #eef1f6;
  --sigex-bg-form: #dde4ec;
  --sigex-bg-card: #ffffff;
  --sigex-bg-input: #f6f8fb;

  /* --- Bordes --- */
  --sigex-border-card: #e4e9f2;
  --sigex-border-form: #cdd8e6;
  --sigex-border-input: #cbd5e1;
  --sigex-divider: #eef1f6;

  /* --- Textos --- */
  --sigex-text: #1f2937;
  --sigex-text-navy: #0f2c5c;
  --sigex-text-muted: #64748b;
  --sigex-text-muted2: #94a3b8;
  --sigex-text-label: #334155;
  --sigex-text-label2: #475569;

  /* --- Tablas --- */
  --sigex-table-head-bg: #f7f9fc;
  --sigex-row-hover: #f3f7ff;

  /* --- Sidebar (navy) --- */
  --sigex-navy-start: #1a2742;
  --sigex-navy-end: #0e1726;
  --sigex-nav-text: #aebdd6;
  --sigex-nav-section: #7089bd;
  --sigex-nav-gradient: linear-gradient(185deg, #1a2742 0%, #0e1726 100%);

  /* --- Radios --- */
  --sigex-r-input: 8px;
  --sigex-r-btn: 9px;
  --sigex-r-card: 12px;
  --sigex-r-modal: 16px;
  --sigex-r-badge: 20px;

  /* --- Sombras (sutiles a propósito: la jerarquía la da el borde) --- */
  --sigex-shadow-card: 0 1px 2px rgba(15, 30, 60, .04);
  --sigex-shadow-btn: 0 2px 6px rgba(11, 77, 194, .28);
  --sigex-shadow-kebab: 0 12px 32px rgba(15, 30, 60, .18);
  --sigex-shadow-modal: 0 24px 60px rgba(8, 21, 48, .4);

  /* --- Layout --- */
  --sigex-sidebar-w: 250px;
  --sigex-topbar-h: 64px;
  --sigex-nav-scroll: 8px;

  /* --- Tipografía --- */
  --sigex-font: 'Public Sans', system-ui, -apple-system, sans-serif;

  /* --- Anillos de foco y overlays --- */
  --sigex-focus-input: 0 0 0 3px rgba(11, 77, 194, .15);
  --sigex-focus-btn: 0 0 0 3px rgba(11, 77, 194, .2);
  --sigex-overlay: rgba(8, 21, 48, .45);

  /* --- Estados: badges (fondo / texto / punto) --- */
  --sigex-st-abierto-bg: #e7efff;
  --sigex-st-abierto-tx: #0b4dc2;
  --sigex-st-abierto-dot: #0b4dc2;

  --sigex-st-tramite-bg: #fdf3d3;
  --sigex-st-tramite-tx: #8a6d00;
  --sigex-st-tramite-dot: #F2C230;

  --sigex-st-observado-bg: #fdecec;
  --sigex-st-observado-tx: #c0392b;
  --sigex-st-observado-dot: #dc2626;

  --sigex-st-cerrado-bg: #e6f6ec;
  --sigex-st-cerrado-tx: #1d8a4e;
  --sigex-st-cerrado-dot: #22a85c;

  --sigex-st-archivado-bg: #eef1f6;
  --sigex-st-archivado-tx: #64748b;
  --sigex-st-archivado-dot: #94a3b8;

  /* --- Chips (fondo / texto / borde, sin punto) --- */
  --sigex-chip-ok-bg: #e6f6ec;
  --sigex-chip-ok-tx: #1d8a4e;
  --sigex-chip-ok-bd: #cdeeda;

  --sigex-chip-alerta-bg: #fdecec;
  --sigex-chip-alerta-tx: #c0392b;
  --sigex-chip-alerta-bd: #f8d7d7;

  --sigex-chip-info-bg: #e7efff;
  --sigex-chip-info-tx: #0b4dc2;
  --sigex-chip-info-bd: #d3e2ff;

  /* --- Prioridades (solo texto) --- */
  --sigex-prio-alta: #dc2626;
  --sigex-prio-media: #c08a00;
  --sigex-prio-baja: #1d8a4e;

  /* --- Otros literales --- */
  --sigex-danger: #dc2626;
  --sigex-danger-hover: #b91c1c;
  --sigex-danger-border: #f6dada;
  --sigex-card-icon-bg: #e7efff;
  --sigex-modal-warn-bg: #fff7e6;
  --sigex-modal-warn-ic: #b45309;
  --sigex-brand-glyph: #16213a;

  /* Color de link: en oscuro sube a #6ea0ff por legibilidad */
  --sigex-link: #0b4dc2;
}

/* ============================================================================
   Modo oscuro — <html data-tema="oscuro">
   Los tokens NO se redefinen (varios se usan también en piezas de contenido):
   se pinta superficie por superficie. El sidebar no cambia (ya es navy).
   Default: claro. No se sigue prefers-color-scheme (así lo fija el handoff).
   ========================================================================= */

html[data-tema="oscuro"] {
  --sigex-bg-app: #0f1622;
  --sigex-bg-card: #18202f;
  --sigex-border-card: #26303f;
  --sigex-bg-input: #131b27;
  --sigex-border-input: #303b4d;
  --sigex-text: #dde5f0;
  --sigex-text-navy: #eaf1fb;
  --sigex-text-muted: #8fa1bb;
  --sigex-text-muted2: #7b8ca6;
  --sigex-text-label: #c3cfe0;
  --sigex-text-label2: #aebdd6;
  --sigex-table-head-bg: #1d2634;
  --sigex-row-hover: #1f2a3a;
  --sigex-divider: #26303f;
  --sigex-bg-form: #16202e;
  --sigex-border-form: #2b3648;

  /* Links azules: #0b4dc2 no es legible sobre #0f1622 */
  --sigex-link: #6ea0ff;

  /* Badges: se conserva el color de estado, se adapta el fondo para contraste */
  --sigex-st-abierto-bg: #16263f;
  --sigex-st-abierto-tx: #7aa7ff;
  --sigex-st-tramite-bg: #33290a;
  --sigex-st-tramite-tx: #e5c355;
  --sigex-st-observado-bg: #3a1a1a;
  --sigex-st-observado-tx: #ef8b80;
  --sigex-st-cerrado-bg: #16301f;
  --sigex-st-cerrado-tx: #5ec98a;
  --sigex-st-archivado-bg: #212a38;
  --sigex-st-archivado-tx: #93a3ba;

  --sigex-chip-ok-bg: #16301f;
  --sigex-chip-ok-tx: #5ec98a;
  --sigex-chip-ok-bd: #245437;
  --sigex-chip-alerta-bg: #3a1a1a;
  --sigex-chip-alerta-tx: #ef8b80;
  --sigex-chip-alerta-bd: #5c2a2a;
  --sigex-chip-info-bg: #16263f;
  --sigex-chip-info-tx: #7aa7ff;
  --sigex-chip-info-bd: #26406b;

  --sigex-card-icon-bg: #16263f;
  --sigex-shadow-card: 0 1px 2px rgba(0, 0, 0, .35);
  --sigex-link: #6ea0ff;
}