:root {
--sidebar-bg-color: rgba(255, 255, 255, 0.88);
--sidebar-ft-color: #2d3436;
--fijaproceso-bg-color: #ffffff;
--footer-bg-color: #9f2241;
--resaltado: #9f2241;
--resaltado1: #d43f33;
--fuente-btn: #ffffff;
--color-activo: #9f2241;

/* Opción A — controles sólidos, acento vino */
--color-boton: #ffffff;
--color-boton-borde: rgba(159, 34, 65, 0.18);
--color-boton-enfasis: #9f2241;
--color-boton-hover: rgba(159, 34, 65, 0.07);
--color-focus-ring: rgba(159, 34, 65, 0.18);

/* Layout semitransparente (deja ver el fondo del usuario) */
--glass-bg: #ffffff;
--glass-bg-strong: rgba(255, 255, 255, 0.72);
--glass-border: rgba(255, 255, 255, 0.55);
--glass-border-muted: rgba(159, 34, 65, 0.12);
--glass-blur: 0px;
--glass-tint: rgba(255, 248, 250, 0.22);
--glass-shadow: 0 1px 3px rgba(30, 20, 28, 0.04), 0 8px 24px rgba(30, 20, 28, 0.06);

/* Paneles de contenido elevados */
--sagyc-panel-bg: #ffffff;
--sagyc-panel-border: rgba(159, 34, 65, 0.1);
--sagyc-panel-shadow: 0 1px 2px rgba(30, 20, 28, 0.04), 0 10px 32px rgba(30, 20, 28, 0.07);
--sagyc-text-subtle: #6b7280;
--sagyc-accent-soft: rgba(159, 34, 65, 0.08);
--sagyc-table-header: rgba(159, 34, 65, 0.06);
--sagyc-table-zebra: #fafbfc;

/* Fondo difuso (imagen vía CSS: --sagyc-bg-image o estilo en .sagyc-backdrop) */
--sagyc-bg-image: url('fondo/F13.jpg');

/* Iconos del menú */
--menu-icon-level1: #9f2241;
--menu-icon-level2: #d43f33;

/* Títulos de tabla y modales (Estilo sutil y claro) */
--color-tabla-titulo: rgba(159, 34, 65, 0.15);
--color-tabla-titulo-fuente: #2d3436;
}