:root{

	--bg:#0b1020; /* azul noche muy oscuro */

	--panel: rgba(255,255,255,0.06); /* blanco translúcido*/
	--panel2: rgba(255,255,255,0.09); /* blanco translúcido más fuerte */

	--border: rgba(255,255,255,.08); /* blanco translúcido (borde) */
	--stroke: rgba(255,255,255,0.12); /* blanco translúcido (línea) */

	--text: rgba(255,255,255,0.92); /* blanco (texto principal) */
	--muted: rgba(255,255,255,0.65); /* blanco tenue (texto secundario) */
	--muted2: rgba(255,255,255,0.45); /* blanco más tenue (texto terciario) */


	--primary:#5b7cfa; /* azul */
	--primary2:#3e62ff; /* azul intenso */


	--ok:#20c997; /* verde menta */
	--warn:#ffc107; /* amarillo ámbar */
	--bad:#ff4d6d; /* rojo/rosa fuerte */


	--radius: 18px; /* tamaño (no color) */
	--radius2: 12px; /* tamaño (no color) */

	--shadow: 0 18px 60px rgba(0,0,0,0.35); /* sombra negra */
	--shadow2: 0 12px 40px rgba(0,0,0,0.25); /* sombra negra */


	--pagando:#48B8E9; /* azul cielo */
	--liquidado:#2ecc71; /* verde */
	--negociacion:#9b59b6; /* morado */
	--dudas:#f1c40f; /* amarillo */
	--conflicto:#e74c3c; /* rojo */
	--porliquidar:#a3ff12; /* verde lima */

	--cielo:#BBE5FA; /* cielo */
	--amarillo:#ffc107; /* amarillo ámbar */

}