/* SIGEC · Tokens de identidad visual (fuente única de verdad)
   Se carga ANTES de app.css en todos los layouts. Si necesita ajustar un color o una medida de la marca, hágalo aquí. */
:root{
  /* Marca */
  --sg-medianoche:#0A1F4D;   /* barra superior, login, títulos */
  --sg-medianoche-700:#0F2A63; /* hover sobre medianoche */
  --sg-azul:#1565FF;         /* acción primaria, enlaces, ítem activo */
  --sg-azul-700:#0F4FD1;     /* hover / presionado / enlaces sobre niebla */
  --sg-ambar:#FFB347;        /* atención, pendiente, contadores, marca de página activa */
  --sg-ambar-hover:#FFC56E;
  --sg-ambar-texto:#8A5200;  /* texto sobre tinte ámbar (6.39:1) */
  --sg-menta:#2BC4A0;        /* pagado, cumplido, metas */
  --sg-menta-texto:#0B6E58;  /* texto sobre tinte menta (6.20:1) */
  --sg-niebla:#EAF1FF;       /* fondos de íconos, cabeceras, búsqueda */
  --sg-fondo:#F4F7FD;        /* fondo general de la aplicación */
  --sg-pizarra:#1B2A4A;      /* texto de lectura */
  --sg-texto-sec:#5B6B86;    /* etiquetas, ayudas */
  --sg-alerta:#C8372D;       /* punto / barra de error */
  --sg-alerta-texto:#B42318; /* texto de error, vencido */
  --sg-linea:#E1E8F5;        /* borde de tarjetas */
  --sg-linea-suave:#EEF2FA;  /* separadores de filas */
  --sg-borde-campo:#CBD6EA;  /* borde de inputs y botones secundarios */

  /* Tintes de estado (fondo de badges) */
  --sg-tinte-azul:#EAF1FF;   --sg-tinte-ambar:#FFF1DC;
  --sg-tinte-menta:#E3F7F1;  --sg-tinte-rojo:#FDECEA;  --sg-tinte-gris:#EEF1F6;
  --sg-gris-texto:#4A5874;   --sg-gris-punto:#8C99B3;

  /* Superficies (se redefinen en el tema oscuro: tarjetas, paneles, campos) */
  --sg-titulo:#0A1F4D;
  --sg-superficie:#FFFFFF;
  --sg-hover-fila:#F7F9FE;

  /* Tipografía */
  --sg-fuente-titulos:'Sora', system-ui, sans-serif;
  --sg-fuente-texto:'IBM Plex Sans', system-ui, sans-serif;

  /* Forma */
  --sg-radio-sm:6px;   /* badges, botones pequeños */
  --sg-radio:8px;      /* botones, campos */
  --sg-radio-md:12px;  /* tarjetas, paneles */
  --sg-radio-lg:14px;  /* modales, paneles grandes */
  --sg-radio-xl:16px;  /* panel del mega menú */
  --sg-sombra-panel:0 24px 60px rgba(10,31,77,.25);
  --sg-sombra-hover:0 6px 18px rgba(10,31,77,.07);

  /* Compatibilidad con variables existentes de app.css / temas.css */
  --color-primario:var(--sg-azul);
  --color-secundario:var(--sg-menta);
  --bg-sidebar:var(--sg-medianoche);
  --color-sidebar:var(--sg-medianoche);
  --bg-app:var(--sg-fondo);
  --text-muted:var(--sg-texto-sec);
  --radius:var(--sg-radio-md);
  --shadow-soft:none;
  --fuente-principal:'IBM Plex Sans';

  /* Bootstrap hereda la marca */
  --bs-primary:#1565FF; --bs-primary-rgb:21,101,255;
  --bs-success:#0B6E58; --bs-success-rgb:11,110,88;
  --bs-warning:#FFB347; --bs-warning-rgb:255,179,71;
  --bs-danger:#B42318;  --bs-danger-rgb:180,35,24;
  --bs-body-color:#1B2A4A; --bs-body-bg:#F4F7FD;
  --bs-secondary-color:#5B6B86; --bs-border-color:#E1E8F5;
  --bs-link-color:#1565FF; --bs-link-color-rgb:21,101,255;
  --bs-link-hover-color:#0F4FD1;
  --bs-border-radius:8px; --bs-border-radius-sm:6px; --bs-border-radius-lg:12px;
  --bs-body-font-family:var(--sg-fuente-texto);
  --bs-focus-ring-color:rgba(21,101,255,.15);
}